useApiData.js

// useApiData.js - general api data loading hook
import { useEffect, useState } from 'react';
import { apiFetch } from '../services/BaseApiService';

export default function useApiData(initialState, endpoint) {
    const [loading, setLoading] = useState(false);
    const [data, setData] = useState(initialState);

    useEffect(() => {
        setLoading(true);

        apiFetch(endpoint)
            .then(res => res.json())
            .then(json => {
                setData(json.data);
                setLoading(false);
            });
    }, []);

    return [loading, data];
}

// useApiCategories.js - category api data loading hook
import { ENDPOINTS } from '../services/BaseApiService';
import useApiData from './useApiData';

export default function useApiCategories() {
    return useApiData([], ENDPOINTS.ASSET_CATEGORIES);
}