Usando Firebase 9: cuando comento el nombre de usuario.displayname, no hay errores. Cuando elimine el comentario, mostrará el displayName en la barra de navegación; sin embargo, cuando actualice la página o haga clic, obtendré los siguientes errores a continuación.

TypeError: no se pueden leer las propiedades de nulo (leyendo 'displayName')

 src/components/Navbar.js:13 10 | return ( 11 | <nav> 12 | <h1>My Reading List</h1> > 13 | <p>{user.displayName}</p> | ^ 14 | <ul> 15 | <li> 16 | <Link to="/">Home</Link> (anonymous function) src/context/AuthContext.js:28 25 | 26 | useEffect(() => { 27 | const unsub = onAuthStateChanged(auth, (user) => { > 28 | dispatch({ type: "AUTH_IS_READY", payload: user }); | ^ 29 | unsub(); 30 | }); 31 | }, []); 514 | _assert(promise, this, AuthErrorCode.INTERNAL_ERROR); 515 | // The callback needs to be called asynchronously per the spec. 516 | // eslint-disable-next-line @typescript-eslint/no-floating-promises > 517 | promise.then(() => cb(this.currentUser)); | ^ 518 | 519 | if (typeof nextOrObserver === 'function') { 520 | return subscription.addObserver(nextOrObserver, error, completed)```