useAxios: React hook for any Axios call

import React, { useState } from "react";import { useAxios } from "./use-axios";const App = () => {  const [id, setId] = useState("1");  const axiosConfig = { method: "get", timeout: 2500 };  const { isLoading, isError, response } = useAxios(    `https://pokeapi.co/api/v2/pokemon/${id}`,    axiosConfig  );  return (    {response?.data && <div>{data}</div>}    {isLoading && <LoadingIcon/>}    {isError && <ErrorMsg/>}  );};

/** * * @param {string} url      - The url to call * @param {object} [config] - The axios config object; defaults to GET, etc * @returns {state}         - { isLoading, isError, response } */const useAxios = (url, config) => {  // useReducer manages the local complex state of the async func hook's lifecycle.  // See the source code for the full reducer!  // NOTE: it is easy to modify or expand the reducer to fit your needs.  const [state, dispatch] = useReducer(axiosReducer, {    isLoading: false,    isError: false  });  useEffect(() => {    // Declare Axios cancel token    const source = CancelToken.source();    // Define the axios call    const callAxios = async () => {      // Begin with a clean state      dispatch({ type: "AXIOS_INIT" });      try {        // Straightforward axios call,        // With cancel token inserted into config        const response = await axios(url, {          ...config,          cancelToken: source.token        });        dispatch({ type: "AXIOS_SUCCESS", payload: response });      } catch (err) {        // Two options on error:        // 1. If error is an axios cancel, simply return and move on        // 2. For all other errors, assume async failure and dispatch failure action        if (isCancel(err)) {          console.log("Canceled request.");          return;        }        dispatch({ type: "AXIOS_FAILURE" });      }    };    // Invoke the defined axios call    callAxios();    // On unmount, cancel the request    return () => {      source.cancel("Operation canceled.");    };    // NOTE: here be dragon!    // My instinct was include the axios config in this array, e.g. [url, config]    // This causes an infinite re-render loop that I have not debugged yet :-/  }, [url]);  return state;};export default useAxios;