He estado tratando de resolver esto durante algunas horas, todo lo que hago devuelve este mismo error.

La ruta de hoja coincidente en la ubicación "/cadastro" no tiene un elemento. Esto significa que generará un valor nulo de forma predeterminada, lo que dará como resultado una página "vacía".

archivo rutas.js

 import {BrowserRouter, Routes, Route} from 'react-router-dom'; import App from './App'; import Cadastro from "./pages/cadastro"; import CadastroGuiasTuristicos from "./pages/cadastro-guia-turistico"; import DetalhesGuiasTuristicos from "./pages/detalhes-guias-turistico"; import GuiasTuristicos from "./pages/guias-turisticos"; import Home from "./pages/home"; import Login from "./pages/login"; import PlanoEstabelecimentos from "./pages/plano-de-assinatura/estabelecimentos"; import PlanoGuias from "./pages/plano-de-assinatura/guias-turisticos"; const RoutesTeste = () => { return( <BrowserRouter> <Routes> <Route path="/" component={ <Home/> }></Route> <Route path="/cadastro" component={ <Cadastro/> }></Route> <Route path="/cadastro-guia-turisticos" component={ <CadastroGuiasTuristicos/> }></Route> <Route path="/detalhes-guias-turisticos" component={ <DetalhesGuiasTuristicos/> }></Route> <Route path="/guias-turisticos" component={ <GuiasTuristicos/> }></Route> <Route path="/login" component={ <Login/> }></Route> <Route path="/estabelecimentos" component={ <PlanoEstabelecimentos/> }></Route> <Route path="/guias-turisticos" component={ <PlanoGuias/> }></Route> </Routes> </BrowserRouter> ) } export default RoutesTeste;

Aplicación.js

 import RoutesTeste from './routes'; export default function App() { return ( <RoutesTeste/> ); }

Índice.js

 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') );