Soy nuevo en React y tengo esta función.
import Axios from "axios"; const UserService = { getUserRole: (access_token: string = "") => { return Axios({ method: "get", url: "https://<url>/user/role", headers: { "Authorization": `Bearer ${access_token}` } }).then((response) => { return response.data; }).catch((error) => { console.log(error); }); } } export default UserService El getUserRole es utilizado constantemente por otro componente, por ejemplo
import UserService from "../../../services/authentication/userService"; import { useAuth } from "react-oidc-context"; ... const auth = useAuth(); UserService.getUserRole(auth.user?.access_token); Como puede ver, tengo que pasar constantemente access_token de useAuth . ¿Hay alguna forma en que pueda llamar a useAuth dentro de mi UserService para no tener que pasar constantemente el access_token de acceso de mi componente?