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?

“This course is the best way to learn how to use React Query in real-world applications.”—Tanner Linsley

Get the course

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

Want to Skip the Docs?

“This course is the best way to learn how to use React Query in real-world applications.”—Tanner Linsley

Get the course