cuando tengo mis funciones en UserAuthContext.js, mi aplicación no funciona correctamente. Intento iniciar sesión, pero el usuario no está dirigido a/navegar como debería. Pero si pongo el mismo código en app.js puedo crear e iniciar sesión con una cuenta. No sé cuál es el motivo aquí, el código https://codesandbox.io/s/cool-euler-eicfr?file=/src/App.js -no funciona la versión (el código anterior pertenece a esto): https ://not-working.netlify.app/ -versión funcional donde tengo el código en app.js https://netflix-clone-kasamtde.netlify.app/
No puede usar useAuthContext en un componente que no sea un elemento secundario de UserAuthContextProvider . Siempre volverá undefined
La solución más fácil para esto es mover UserAuthContextProvider a index.js :
// index.js import React from 'react'; import {render} from 'react-dom'; import './index.css'; import App from './App'; import UserAuthContextProvider from "./components/Contexts/UserAuthContext.js"; render( <React.StrictMode> <UserAuthContextProvider><App /></UserAuthContextProvider> </React.StrictMode>, document.getElementById('root') );