Custom react hook to fetch data from an API

gistfile1.txt

export const useInvestmentTypes = () => {
  const [investmentTypesData, setInvestmentTypesData] = useState([]);
  const token = selectToken.data.token;

  const [loading, setLoading] = useState(false);
  const [error, setError] = useState(null);
  const fetchInvestmentsTypes = useCallback(() => {
    const fetchInvestmentTypesData = async () => {
      const req = async () => {
        try {
          setLoading(true);
          const { data } = await axiosWithAuth(token).get(
            `api/v1/investment-types`
          );
          setInvestmentTypesData(data.data.investmentTypes);
        } catch ({ response }) {
          setError(response);
        } finally {
          setLoading(false);
        }
      };
      req();
    };
    fetchInvestmentTypesData();
  }, [token]);

  useEffect(() => {
    fetchInvestmentsTypes();
  }, [fetchInvestmentsTypes]);
  return [investmentTypesData, fetchInvestmentsTypes, loading, error];
};