[![enter image description here][1]][1]I'm using all latest version and styled components, This is my App.js file

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>
              )
            })}