QueryClientProvider

Use the QueryClientProvider component to connect and provide a QueryClient to your application:

tsx

import { QueryClient, QueryClientProvider } from '@tanstack/react-query' const queryClient = new QueryClient() function App() { return <QueryClientProvider client={queryClient}>...</QueryClientProvider> }

import { QueryClient, QueryClientProvider } from '@tanstack/react-query' const queryClient = new QueryClient() function App() { return <QueryClientProvider client={queryClient}>...</QueryClientProvider> }

Options

client: QueryClient
- Required
- the QueryClient instance to provide

Edit on GitHub

useSuspenseQueries

useQueryClient

Our Partners

Want to Skip the Docs?

“If you’re serious about *really* understanding React Query, there’s no better way than with query.gg”—Tanner Linsley

TanStackVirtual

Virtualize only the visible content for massive scrollable DOM nodes at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular while retaining 100% control over markup and styles.

TanStackStore

The immutable-reactive data store that powers the core of TanStack libraries and their framework adapters.

Want to Skip the Docs?

“If you’re serious about *really* understanding React Query, there’s no better way than with query.gg”—Tanner Linsley