NavLinks

import {
  BrowserRouter as Router,
  Route,
  Routes,
  NavLink,
} from 'react-router-dom';

<Header>
  <NavLink to='/' activeClassName='active'>
    Home
  </NavLink>
  <NavLink to='/about' activeClassName='active'>
    About
  </NavLink>
  <NavLink to='/services' activeClassName='active'>
    Services
  </NavLink>
  <NavLink to='/products' activeClassName='active'>
    Products
  </NavLink>
  <NavLink to='/contact' activeClassName='active'>
    Contact
  </NavLink>
</Header>