Quiero ocultar mi barra de navegación en la primera página de destino de mi sitio. En mi app.js, puse la barra de navegación y otras rutas dentro de un div y lo hice para que se muestre después de la página de inicio de sesión. Pero ahora, cuando voy a mirar el sitio, no se imprime nada en la página, ni el inicio de sesión ni la barra de navegación.

 return ( <div className="App"> <Router> <Routes> <Route path="/login" exact component={<Login/>} /> <Route path="/signup" element = {<Signup/>}/> <div> <Navbar/> <Route path="/onboarding" element={<Onboarding />} /> <Route path="/training material" exact component={<Training/>}/> <Route path="/contract" exact component={<Contract/>}/> </div> </Routes> </Router> </div> );