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).

1import { useIsFetching } from '@tanstack/react-query'
2// How many queries are fetching?
3const isFetching = useIsFetching()
4// How many queries matching the posts prefix are fetching?
5const isFetchingPosts = useIsFetching({ queryKey: ['posts'] })

Options

• filters?: QueryFilters: Query Filters
• 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.