🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
---
id: QueryClientProvider
title: 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>
}
```
**Options**
- `client: QueryClient`
- **Required**
- the QueryClient instance to provide
