Reusable react state hook to handle api calls

useApiCall.tsx

/*
 * Hook to reuse state logic for api calls
 *
 */
function useApiCall(api: AxiosInstance, params: any[], onError: any => any) {
    const [data, setData] = useState(null);
    const [isLoading, setIsLoading] = useState(false);
    const [error, setError] = useState(null);
    
    useEffect(async () => {
        setIsLoading(true)
        try {
            const response = await api(...params);
            setData(response.data);
        } catch(e) {
            onError(e);
        }
        setIsLoading(false)
    });
    
    return [data, error, isLoading]
}