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

import { useIsFetching } from 'react-query'
// How many queries are fetching?
const isFetching = useIsFetching()
// How many queries matching the posts prefix are fetching?
const isFetchingPosts = useIsFetching(['posts'])

import { useIsFetching } from 'react-query'
// How many queries are fetching?
const isFetching = useIsFetching()
// How many queries matching the posts prefix are fetching?
const isFetchingPosts = useIsFetching(['posts'])

Options

queryKey?: QueryKey: Query Keys
filters?: QueryFilters: Query Filters

Returns

isFetching: number
- Will be the number of the queries that your application is currently loading or fetching in the background.

Want to Skip the Docs?