Use the QueryClientProvider
component to connect and provide a QueryClient
to your application:
import { QueryClient, QueryClientProvider } from 'react-query'const queryClient = new QueryClient()function App() {return <QueryClientProvider client={queryClient}>...</QueryClientProvider>}
Options
client: QueryClient
context?: React.Context<QueryClient | undefined> | 'sharing'
QueryClient | undefined
to use a custom context for this provider.sharing
to enable context sharing, which will share the first and at least one instance of the context across the window to ensure that if React Query is used across different bundles or microfrontends they will all use the same instance of context, regardless of module scoping.undefined
, in which the default context will be used.The latest TanStack news, articles, and resources, sent to your inbox.