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

Wow, it looks like you could be our first partner for this library! Chat with us!

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

This ad helps to keep us from burning out and rage-quitting OSS just *that* much more, so chill. 😉

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