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

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