@nikitababko/react-custom-hooks/src/hooks/useRequest.js

Custom react hooks

import { useEffect, useState } from 'react';

export default function useRequest(request) {
  const [data, setData] = useState(null);
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState('');

  useEffect(() => {
    setIsLoading(true);
    setTimeout(() => {
      request()
        .then((response) => setData(response.data))
        .catch((error) => setError(error))
        .finally(() => setIsLoading(false));
    }, 1000);
  }, []);

  return [data, isLoading, error];
}