Estoy intentando implementar una aplicación de reacción simple que usa 'Router' de react-router-dom que usa un objeto de historial personalizado para navegar. Pero parece que en la nueva versión de reacción han realizado algunos cambios que rompen el código de reacción existente escrito en reacción 17. El siguiente código no cambia la vista ni representa un componente, pero puedo ver que la URL está cambiando.

 import logo from './logo.svg'; import './App.css'; import './config'; import { Link, Routes, Route, Router } from 'react-router-dom'; import Shellone from './shell-component/shell-one'; import Shelltwo from './shell-component/shell-two'; import history from './history'; const Home = () => { return ( <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <Link to="/"><button>Home</button></Link> <Link to="/one"><button>Component One</button></Link> <Link to="/two"><button>Component Two</button></Link> </header>) } function App() { return ( <div className="App"> <Router navigator={history} location={history.location}> <Routes> <Route path="/" element={ <Home /> } /> <Route path="/one" element={ <Shellone /> } /> <Route path="/two" element={ < Shelltwo /> } /> </Routes> </Router> </div> ); }

El código anterior funciona con 'BrowserRouter'.