FunctionProject/website/hooks/useAPI.js

import { useEffect, useState } from 'react';
import api from '../utils/api';

/**
 * @param {String} url 
 * @param {*} defaultData 
 * @param {String} method 
 * @param {Object} options 
 */
function useAPI(url, defaultData = [], method = "get", options = {}) {

    const [isLoading, setIsLoading] = useState(true);
    const [data, setData]           = useState(defaultData);
    const [hasError, setHasError]   = useState(false);

    useEffect(() => {
        api[method](url, options)
            .then((result) => {
                setData(result.data);
                setIsLoading(false);
            })
            .catch((error) => {
                setHasError(true);
                console.error(error);
            });
    }, []);

    return [isLoading, data, hasError];
}

export default useAPI;