QueryClientProvider

function QueryClientProvider(props): Element;

Defined in: 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>
}