useAsync.ts

import { useState, useEffect } from 'react';

type State<T> = {
  data?: T;
  error?: T;
};

export default function useAsync<T>(
  getData: () => Promise<T>,
  deps: readonly any[],
): State<T> {
  const [state, setState] = useState<State<T>>({});

  useEffect(() => {
    getData()
      .then(data => setState({ data }))
      .catch(error => setState({ error }));
  }, deps);

  return state;
}