QueryClientProvider

function QueryClientProvider(__namedParameters): Element;

Defined in: react-query/src/QueryClientProvider.tsx:70

Use the QueryClientProvider component to connect and provide a QueryClient to your application. Also calls client.mount()/client.unmount() as this component mounts/unmounts, which subscribes the client to focus/online events (resuming any paused mutations and refetching as needed when the app regains focus or comes back online).

Parameters#

__namedParameters#

QueryClientProviderProps

Returns#

Element

The provided children, wrapped so they can read the QueryClient via useQueryClient.

Example#

import { QueryClient, QueryClientProvider } from '@tanstack/react-query'

const queryClient = new QueryClient()

function App() {
  return <QueryClientProvider client={queryClient}>...</QueryClientProvider>
}