Tengo un problema con este error No routes matched location , toda mi navegación hace eso. Ya intenté implementar con esta Solución , pero aún obtuve el mismo error o ¿Me estoy perdiendo algo aquí?

Aquí está mi código:

Aplicación.tsx

 <BrowserRouter> <Routes> <Route path="/" element={<LoginLayout />}> <Route index element={<SignInForm />} /> <Route path="/signin" element={<SignInForm />} /> <Route path="/newpassword" element={<NewPassword />} /> {/*some other routes here*/} </Route> </Routes> </BrowserRouter>

Aquí está mi código para LoginLayout.tsx:

 function LoginLayout() { return ( <div className="content"> <Container className="signin-wrapper"> <Row> <Col className="d-flex justify-content-center align-items-center"> <ImageSection /> </Col> <Col className="d-flex justify-content-center align-items-center"> <Outlet /> </Col> </Row> </Container> </div> ); } export default LoginLayout;

Solo publico una pequeña parte de mi código, y mi versión de react-router-dom es "react-router-dom": "^6.2.1",

Muestra de la consola: