useFetch.js

import { useState, useEffect } from 'react';

import api from 'utils/api';

const useFecth = (url, params) => {
  const [response, setResponse] = useState(null);
  const [error, setError] = useState(null);
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    const fetchData = async () => {
      setIsLoading(true);
      try {
        const res = await api.get(url, { params });
        setResponse(res);
        setIsLoading(false);
      } catch (err) {
        setError(err);
        setIsLoading(false);
      }
    };
    fetchData();
  }, [url, params]);

  return { response, isLoading, error };
};

export default useFecth;