actualmente trabajando en un componente de barra de navegación simple. El siguiente es mi código:

 {isLoggedIn ? <Navbar.Brand ><Link to="/" style={{ textDecoration: 'none' }} onClick={() => dispatch(logoutUser())}>Logout</Link></Navbar.Brand> : <Navbar.Brand ><Link to="/registration" style={{ textDecoration: 'none' }}>Register</Link></Navbar.Brand> <Navbar.Brand ><Link to="/login" style={{ textDecoration: 'none' }}>Login</Link></Navbar.Brand> }

Cuando el usuario haya iniciado sesión, quiero que aparezca un botón de cierre de sesión, y cuando no haya iniciado sesión, quiero que aparezcan los botones de registro e inicio de sesión. Pero no puedo hacer ambas cosas al mismo tiempo cuando isLoggedIn es falso. Alguna forma de hacer esto?

¡Gracias!