upstream-tanstack-query/docs/framework/solid/reference/functions/QueryClientProvider.md

id, title

id	title
QueryClientProvider	QueryClientProvider

function QueryClientProvider(props): Element;

Defined in: packages/solid-query/src/QueryClientProvider.tsx:95

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

props

QueryClientProviderProps

Returns

Element

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

Example

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

const queryClient = new QueryClient()

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