Me gustaría que todas las páginas tuvieran un encabezado y un pie de página de sus respectivos objetos, pero cuando el usuario ingresa al inicio de sesión de la página de inicio (la primera línea en las Rutas), no quiero que sean visibles. No estoy 100% seguro de cómo resolver esto, porque no importa dónde coloque la ruta de inicio de sesión, el encabezado y el pie de página se mostrarán. He intentado jugar con él sin éxito. ¿Alguna pista, por favor? Solo para agregar, la idea es tener una página de inicio de sesión que lleve al usuario a la parte interna de la página, que de otro modo sería inaccesible para un usuario no registrado. Esto es de App.jsx:

 <div> <Router> <UserContext.Provider value={{user, setUser}}> <ToastContainer/> <Header /> <Routes> <Route exact path="/" element={<Login/>}/> <Route exact path="/signup" element={<Signup/>}/> <Route exact path="/katalog" element={<Katalog/>}/> <Route exact path="/pridatkomunitu" element={<Pridatkomunitu/>}/> </Routes> <Footer/> </UserContext.Provider> </Router> </div>