Docs
CodeRabbit
Cloudflare
AG Grid
SerpAPI
Netlify
OpenRouter
Neon
WorkOS
Clerk
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
CodeRabbit
Cloudflare
AG Grid
SerpAPI
Netlify
OpenRouter
Neon
WorkOS
Clerk
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
API Reference
API Reference

provideQueryClient

ts
function provideQueryClient(queryClient: 
  | QueryClient
  | InjectionToken<QueryClient>): Provider;
function provideQueryClient(queryClient: 
  | QueryClient
  | InjectionToken<QueryClient>): Provider;

Defined in: packages/angular-query-experimental/src/providers.ts:21

Usually provideTanStackQuery is used once to set up TanStack Query and the QueryClient for the entire application — it calls provideQueryClient internally. Use provideQueryClient directly to provide a different QueryClient instance for part of the application, or for unit testing.

Parameters

queryClient

| QueryClient | InjectionToken<QueryClient>

A QueryClient instance, or an InjectionToken which provides a QueryClient.

Returns

Provider

A provider object that can be used to provide the QueryClient instance.

Example

Providing a test-only QueryClient in a component test, without wiring up provideTanStackQuery's other defaults:

ts
TestBed.configureTestingModule({
  providers: [provideQueryClient(new QueryClient())],
})
TestBed.configureTestingModule({
  providers: [provideQueryClient(new QueryClient())],
})