useAPI.js

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

const useAPI = (path, options) => {
    const [loading, setLoading] = useState(true);
    const [data, setData] = useState(null);
    const [error, setError] = useState(null);

    const makeCall = async (path, options) => {
        let callResults = {};
        setLoading(true);
        const params = {
            headers: {
                'Content-Type': 'application/json',
            }
        };

        try {
            callResults = await axios.get(path, params);
            if (callResults.request.status === 200 && callResults?.data.success === false) {
                setError(
                    callResults.data.message || 
                    options.errorMessage || 
                    'Error making call.'
                );
            }
            setData(callResults.data)
            setLoading(false);
            return callResults.data;
        } catch (e) {
                console.error(e);
                setError(e)
                setLoading(false);
            return (e);
        }
    };

    useEffect(() => {
        makeCall(path, options);
    }, [])

    return {
        loading, data, error
    };
};

export default useAPI;