He simplificado mi problema. Cuando trato de navegar a través de la barra de navegación, la URL cambia pero el componente sigue siendo el mismo. Soy nuevo en React y tengo problemas con el enrutamiento. Usé la última versión de "react-router-dom" donde Switch no funcionaba, así que volví a la versión 5.2.0. Podría usar Switch allí, pero el problema persistía. He intentado mucho pero todo en vano. Si hay una manera eficiente y fácil de enrutar esto, ayúdenme con eso. Gracias

Aplicación.js

 import './App.css'; import React from "react"; import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom"; function App() { return ( <Router> <nav> <Link to="/">Home</Link> <br /> <Link to="/about">About</Link> </nav> <Switch> <Route exact path="/" render={() => { return (<> This is home page </>) }}> </Route> <Route exact path="/about" render={() => { return (<> This is about </>) }}> </Route> </Switch> </Router> ); } export default App;