Function useAsyncRefresh

client/shared/hooks/useAsyncRefresh.ts:5–25

(
  fn: T,
  deps: DependencyList = []
)

import { useAsyncFn } from './useAsyncFn';

export function useAsyncRefresh<T extends FunctionReturningPromise>(
  fn: T,
  deps: DependencyList = []
) {
  const [state, callback] = useAsyncFn(fn, deps, {
    loading: true,
  });

  useEffect(() => {
    callback();
  }, [callback]);

  const refresh = useCallback(() => {
    return callback();
  }, [callback]);

  return {
    ...state,
    refresh,
  };
}