Cuando intento llamar a una función desde mi enlace personalizado, recibo un error cuando se carga la pantalla que dice que setAuth no es una función.
useAuth.js
import { useContext } from "react"; import AuthContext from "../context/AuthProvider"; const useAuth = () => { return useContext(AuthContext); } export default useAuth; login.js
import useAuth from '../hooks/useAuth'; ... const Login = () => { const { setAuth } = useAuth(); .... setAuth({ email, password, accessToken }); ... } Si trato de mostrar typeof(setAuth) me quedo indefinido.
Debe asegurarse de que su AuthContext tenga una función setAuth. Cuando llame a su AuthContext.Provider, debe proporcionar la función setAuth en la propiedad de valor
<AuthContext.Provider value={{ setAuth }}> A continuación, puede acceder a setAuth
const useAuth = () => { const { setAuth } = useContext(AuthContext); return setAuth } login.js
const Login = () => { const setAuth = useAuth(); .... setAuth({ email, password, accessToken }); ... }