Function useIsFetching

packages/solid-query/src/useIsFetching.ts:7–28

(
  filters?: Accessor<QueryFilters>,
  queryClient?: Accessor<QueryClient>,
)

import type { Accessor } from 'solid-js'

export function useIsFetching(
  filters?: Accessor<QueryFilters>,
  queryClient?: Accessor<QueryClient>,
): Accessor<number> {
  const resolveClient = useQueryClientResolver(queryClient)
  const client = createMemo(() => resolveClient())
  const queryCache = createMemo(() => client().getQueryCache())

  const [fetches, setFetches] = createSignal(client().isFetching(filters?.()))

  createEffect(() => {
    setFetches(client().isFetching(filters?.()))

    const unsubscribe = queryCache().subscribe(() => {
      setFetches(client().isFetching(filters?.()))
    })

    onCleanup(unsubscribe)
  })

  return fetches
}