import { useEffect, useState } from 'react';
import { useQueryClient } from 'react-query';

export function useQueriesLoading() {
  const client = useQueryClient();
  const queries = client.getQueryCache().findAll();
  const [queryChangedCount, setQueryChangedCount] = useState(0);
  useEffect(() => {
    if (queries) {
      setQueryChangedCount(queries.length);
    }
  }, []);

  useEffect(() => {
    if (queries.every(({ state }) => state.status !== 'loading') && queryChangedCount >= 0) {
      setQueryChangedCount((prevState) => prevState - 1);
    }
  }, [queries]);
  return queryChangedCount >= 0;
}