Estoy luchando con un problema para el que parece que no puedo encontrar una respuesta. Tan pronto como agrego un div o cualquier otro Componente dentro de la Ruta, ya no representa el contenido y la "Aplicación" que lo contiene. Espero haber descrito mi problema lo suficiente y ustedes saben una solución fácil.

 import React from 'react'; import "./App.css" import { BrowserRouter, Route, Routes } from 'react-router-dom'; function App() { return ( <div className="wrapper"> <h1>Application</h1> <BrowserRouter> <Routes> <Route path="/dashboard"> <div>hi dashboard</div> </Route> <Route path="/preferences"> <div>hi preferences</div> </Route> </Routes> </BrowserRouter> </div> ); } export default App;