Estoy usando un proveedor de contexto de autenticación en mi aplicación, que se inicializa en este archivo:
authState.js
import React, { useReducer, createContext, useContext } from "react"; import authReducer from "./authReducer"; const initialState = { user: null, }; const AuthContext = createContext(); export const AuthStateProvider = ({ children }) => { const [state, dispatch] = useReducer(authReducer, initialState); return ( <AuthContext.Provider value={[state, dispatch]}> {children} </AuthContext.Provider> ); }; export const useAuthContext = () => useContext(AuthContext);Luego, este contexto se importa en App.js para obtener los detalles de autenticación del usuario:
App.js
... ... import { useAuthContext } from './context/auth/authState'; ... ... const [{ user }, authDispatch] = useAuthContext(); Recibo el error en const [{ user }, authDispatch] = useAuthContext(); línea.
Encontré la solución a esto, así que inicié sesión en la consola useAuthContext() en la sugerencia de @vazsonyidl y recibí undefined. Por lo tanto, el componente <App/> no conocía [state,dispatch] . Todo lo que hice fue envolver el componente de mi App dentro de <AuthStateProvider></AuthStateProvider> y se resolvió. Gracias por la sugerencia @vazsonyidl.