---
|
|||
id: useIsFetching
|
|||
title: useIsFetching
|
|||
---
|
|||
|
|||
`useIsFetching` is an optional hook that returns the `number` of the queries that your application is loading or fetching in the background (useful for app-wide loading indicators).
|
|||
|
|||
```tsx
|
|||
import { useIsFetching } from '@tanstack/react-query'
|
|||
// How many queries are fetching?
|
|||
const isFetching = useIsFetching()
|
|||
// How many queries matching the posts prefix are fetching?
|
|||
const isFetchingPosts = useIsFetching({ queryKey: ['posts'] })
|
|||
```
|
|||
|
|||
**Options**
|
|||
|
|||
- `filters?: QueryFilters`: [Query Filters](../guides/filters.md#query-filters)
|
|||
docs: remove unnecessary trailing comma (#9594)
Co-authored-by: Jonghyeon Ko <manudeli.ko@gmail.com>
|
- `queryClient?: QueryClient`
|
||
- Use this to use a custom QueryClient. Otherwise, the one from the nearest context will be used.
|
|||
|
|||
**Returns**
|
|||
|
|||
- `isFetching: number`
|
|||
- Will be the `number` of the queries that your application is currently loading or fetching in the background.
|
