tengo el siguiente código

 import {AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse} from "axios"; import { request } from "http"; const onRequest = (config: AxiosRequestConfig): AxiosRequestConfig => { console.log('in-2') console.info(`[request] [${JSON.stringify(config)}]`); config = {...config,baseURL :"https://api.test.com",headers: { ...config.headers,...{'Authorization':"token"} } } return config; } //process.env.REACT_API_URL const onRequestError = (error: AxiosError): Promise<AxiosError> => { console.error(`[request error] [${JSON.stringify(error)}]`); return Promise.reject(error); } const onResponse = (response: AxiosResponse): AxiosResponse => { console.info(`[response] [${JSON.stringify(response)}]`); return response; } const onResponseError = (error: AxiosError): Promise<AxiosError> => { console.error(`[response error] [${JSON.stringify(error)}]`); return Promise.reject(error); } export function setupInterceptorsTo(axiosInstance: AxiosInstance): AxiosInstance { console.log('in',axiosInstance) axiosInstance.interceptors.request.use(onRequest,onRequestError ); axiosInstance.interceptors.response.use(onResponse, onResponseError); return axiosInstance; }

después

 import {setupInterceptorsTo} from "./Interceptors"; import axios from "axios"; setupInterceptorsTo(axios) export default axios.create();

Pero la devolución de llamada onRequest nunca se ejecuta

También probé como

 import {setupInterceptorsTo} from "./Interceptors"; import axios from "axios"; setupInterceptorsTo(axios) export default axios.create({baseURL :"https://api.test.com"});

Pero aún no funciona la devolución de llamada onRequest o onRequestError, ya que estoy dando una llamada API ficticia que arroja un error en la consola.

Creo que se debe llamar a onRequest antes de cualquier solicitud para que podamos modificar la solicitud, y se debe llamar a onRequestError si hay algún error, incluido 404,

¿Está mal mi pensamiento?

Por favor avise. Gracias