[![ingrese la descripción de la imagen aquí][1]][1]Estoy usando la última versión y los componentes con estilo, este es mi archivo App.js

 import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; function App() { return ( <div className="App"> <GlobalStyle/> <Router> <Navbar /> <Routes> <Route path="/" exact element={<Hero />} /> <Route path="/projects" exact element={<Projects />} /> <Route path="/about" exact element={<About />} /> </Routes> </Router> </div> ); }

Navbar.js

 {menuData.map((item, index) => { const border = index === menuData.length-1 ? '1px solid #fff':'none'; const padding = index === menuData.length-1 ? '0 24px':'0'; return ( <NavItem key={index}> <NavLinks to={item.link} style={{border, padding}}> {item.title} </NavLinks> </NavItem> ) })}