upstream-tanstack-query/docs/framework/react/reference/functions/QueryClientProvider.md

id, title, redirect_from

id	title	redirect_from
QueryClientProvider	QueryClientProvider	framework/react/reference/QueryClientProvider

function QueryClientProvider(__namedParameters): Element;

Defined in: packages/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>
}