Estoy tratando de crear un enrutador. Trabajo para la página de inicio pero cuando voy a otra página como /btn no funciona.

El error es Cannot GET /btn .

Intenté esto con los componentes Switch y Routes pero no funcionó.

Código:-

 class App extends React.Component { constructor(props) { super(props); } toggleBtn = () => { console.log("Hello World!"); }; render() { return ( <Router> <Suspense fallback={<div>...Loading</div>}> <Routes> <Route exact path="/" element={<SimpleBtn toggleBtn={this.toggleBtn} />} /> <Route exact path="/btn"> <SimpleBtn2 toggleBtn={this.toggleBtn} /> </Route> </Routes> </Suspense> </Router> ); } }

Casi escribí el código como en los documentos de reacción , pero no resolvió el problema.