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

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

Options

• queryKey?: QueryKey: Query Keys
• filters?: QueryFilters: Query Filters
• context?: React.Context<QueryClient | undefined>
  • Use this to use a custom React Query context. Otherwise, defaultContext will be used.

Returns

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