Lamento mi inexperiencia, pero me he perdido. Uso Browser Router y me da el error " "Error react-doma.production.min.js:216" y ""react-dot.production.min.js:260 Uncaught Error" No se como solucionarlo , porque ni siquiera sé el error. Mi código:

 App.js const BaseTemplate = () => ( <div className="App"> <BrowserRouter> <Routes> <Route path="/" exact component={Mainpage}/> </Routes> </BrowserRouter> </div> ); function App() { return ( <BaseTemplate/> ); } export default App;

 Mainpage.js const localService = new Service(); class Mainpage extends Component { constructor(props) { super(props); this.state = { category: '', }; } componentDidMount() { document.title = 'Catalogs'; localService.listCategories().then(r => alert(r.data)).catch(e => alert(e.response)); } render() { return ( <div> <p>hi?</p> {this.state} </div> ); } } export default Mainpage;

Antes de eso, escribí en reaccionar hace aproximadamente un año, y luego funcionó un diseño similar