TanStack
API Reference

QueryClientProvider

ts
function QueryClientProvider(__namedParameters): VNode;

Defined in: preact-query/src/QueryClientProvider.tsx:70

Use the QueryClientProvider component to connect and provide a QueryClient to your application. Also calls client.mount()/client.unmount() as this component mounts/unmounts, which subscribes the client to focus/online events (resuming any paused mutations and refetching as needed when the app regains focus or comes back online).

Parameters

__namedParameters

QueryClientProviderProps

Returns

VNode

The provided children, wrapped so they can read the QueryClient via useQueryClient.

Example

tsx
import { QueryClient, QueryClientProvider } from '@tanstack/preact-query'

const queryClient = new QueryClient()

function App() {
  return <QueryClientProvider client={queryClient}>...</QueryClientProvider>
}