| 26 | * ``` |
| 27 | */ |
| 28 | export function useIsMutating( |
| 29 | filters?: Accessor<MutationFilters>, |
| 30 | queryClient?: Accessor<QueryClient>, |
| 31 | ): Accessor<number> { |
| 32 | const resolveClient = useQueryClientResolver(queryClient) |
| 33 | const client = createMemo(() => resolveClient()) |
| 34 | const mutationCache = createMemo(() => client().getMutationCache()) |
| 35 | |
| 36 | const [mutations, setMutations] = createSignal( |
| 37 | client().isMutating(filters?.()), |
| 38 | ) |
| 39 | |
| 40 | createEffect(() => { |
| 41 | setMutations(client().isMutating(filters?.())) |
| 42 | |
| 43 | const unsubscribe = mutationCache().subscribe(() => { |
| 44 | setMutations(client().isMutating(filters?.())) |
| 45 | }) |
| 46 | |
| 47 | onCleanup(unsubscribe) |
| 48 | }) |
| 49 | |
| 50 | return mutations |
| 51 | } |