usePromise React hook with TypeScript. React-ify promise resolutions

usePromise.ts

import { useCallback, useState, useRef, useEffect } from 'react';

const usePromise = <T, U extends any[]>(operation: (...args: U) => Promise<T>) => {
  const [data, setData] = useState<T>();
  const [error, setError] = useState<Error>();
  const [loading, setLoading] = useState(false);
  const mounted = useRef<boolean>(true);

  useEffect(
    () => () => {
      mounted.current = false;
    },
    [],
  );

  const invoke = useCallback(
    (...args: U) => {
      setLoading(true);
      operation(...args)
        .then((res) => {
          if (mounted.current) {
            setError(undefined);
            setData(res);
          }
        })
        .catch((err) => mounted.current && setError(err))
        .finally(() => mounted.current && setLoading(false));
    },
    [operation],
  );

  const _reset = useCallback(() => {
    setData(undefined);
    setError(undefined);
    setLoading(false);
  }, []);

  return [invoke, { data, loading, error, _reset }] as const;
};

export default usePromise;