Revisé las preguntas anteriores y busqué en Google la respuesta y creo que casi sé cuál es el problema aquí, pero no sé cómo resolverlo.

 return ( <Router> <Routes> <Route path="/login" element={<Login />} /> {admin && ( <> <Topbar /> <div className="container"> <Sidebar /> <Route path="/" element={<Home />} /> <Route path="/users" element={<UserList />} /> <Route path="/user/:userId" element={<User />} /> <Route path="/newUser" element={<NewUser />} /> <Route path="/products" element={<ProductList />} /> <Route path="/product/:productId" element={<Product />} /> <Route path="/newproduct" element={<NewProduct />} /> </div> </> )} </Routes> </Router>

Dígame cómo configurar los componentes superior y barra deslizante aquí. Pido a mis compañeros codificadores que miren este y gracias de antemano.