Tengo un estado y un reductor como tal:

 const [state, dispatch] = useReducer(reducer, initialAuthState);

Tengo una instancia de axios que creo así:

 const [client] = useState(() => { const newAxios = axios.create(); newAxios.interceptors.request.use((config) => { const local = localStorage.getItem(TOKEN_LOCALSTORAGE_KEY); if (local === null) return config; const token = JSON.parse(local).access_token; if(!config.url?.includes(HOST_URL)) config.url = HOST_URL + config.url; if (token && config.headers !== undefined) { config.headers.Authorization = `Bearer ${token}`; } dispatch({ type: "LOADING", value: true }); return config; }); newAxios.interceptors.response.use( (response) => { dispatch({ type: "LOADING", value: false }); return response; }, async (error) => { dispatch({ type: "LOADING", value: false }); const originalRequest = error.config; if (error.response === undefined) return Promise.reject(error); if (error.response.status === 401 && !originalRequest._retry) { originalRequest._retry = true; await refreshToken(); return newAxios(originalRequest); } return Promise.reject(error); } ); return newAxios;});

Cuando llamo a la función de envío para actualizar el valor de carga, nunca se actualiza y siempre permanece igual, incluso si uso una variable estándar con useState y actualizo usando setter, tampoco se actualiza. ¿Qué está pasando?