| 27 | * ``` |
| 28 | */ |
| 29 | export function useIsFetching( |
| 30 | filters?: Accessor<QueryFilters>, |
| 31 | queryClient?: Accessor<QueryClient>, |
| 32 | ): Accessor<number> { |
| 33 | const resolveClient = useQueryClientResolver(queryClient) |
| 34 | const client = createMemo(() => resolveClient()) |
| 35 | const queryCache = createMemo(() => client().getQueryCache()) |
| 36 | |
| 37 | const [fetches, setFetches] = createSignal(client().isFetching(filters?.())) |
| 38 | |
| 39 | createEffect(() => { |
| 40 | setFetches(client().isFetching(filters?.())) |
| 41 | |
| 42 | const unsubscribe = queryCache().subscribe(() => { |
| 43 | setFetches(client().isFetching(filters?.())) |
| 44 | }) |
| 45 | |
| 46 | onCleanup(unsubscribe) |
| 47 | }) |
| 48 | |
| 49 | return fetches |
| 50 | } |