HTTP GET hook

useGet.tsx

import { useEffect, useState } from 'react';
import axios from 'axios';

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

export function useGet<T>(url: string) {
  const [state, setState] = useState<State<T>>({
    pending: true,
    error: undefined,
    data: undefined,
  });

  useEffect(() => {
    axios
      .get(url)
      .then(response => setState({ pending: false, data: response.data as T, error: undefined }) 
      .catch(error => setState({ pending: false, data: undefined, error: error });
  }, []);

  return { ...state };
}