Desarrollo de una aplicación react.js. Enlace de navegación usado en la barra de navegación. El enrutador también está definido pero no va a ninguna parte. después de recargar funciona. Si se hace clic en Job Post en la barra de navegación, no funciona, pero en la URL es http://localhost:3000/jobPost y después de recargar se enruta. Paquete de aplicación.json es

 "react": "^18.2.0", "react-bootstrap": "^2.5.0", "react-dom": "^18.2.0", "react-hook-form": "^7.34.0", "react-router-dom": "^5.3.0",

 import Navbar from 'react-bootstrap/Navbar'; import NavDropdown from 'react-bootstrap/NavDropdown'; import Offcanvas from 'react-bootstrap/Offcanvas'; import { Link } from 'react-router-dom';

 <Nav className="justify-content-end flex-grow-1 pe-3"> <Nav.Link as={Link} to="/home">Home</Nav.Link> <Nav.Link as={Link} to="/jobPost">job Post</Nav.Link> <NavDropdown title="Dropdown" id={`offcanvasNavbarDropdown-expand-${expand}`}> <NavDropdown.Item href="#action3">Action</NavDropdown.Item> ... ... ... <NavDropdown.Divider />

En aplicación.js

 <Route exact path="/"> <Home></Home> </Route> <Route path="/home"> <Home></Home> </Route> <Route path="/jobPost"> <JobPost></JobPost> </Route>

Necesito ayuda.