drfeely.com/components/Navbar/NavPages.tsx

import { useState } from "react";
import NavLink from "./NavLink";

interface Props {
  currentPageClasses: string;
}

const NavPages = ({ currentPageClasses }: Props) => {
  const [currentPage, setCurrentPage] = useState("/");
  return (
    <>
      <NavLink
        page="/"
        currentPage={currentPage}
        setCurrentPage={setCurrentPage}
        currentPageClasses={currentPageClasses}
      >
        Home
      </NavLink>
      <NavLink
        page="/osteopathy"
        currentPage={currentPage}
        setCurrentPage={setCurrentPage}
        currentPageClasses={currentPageClasses}
      >
        Osteopathy
      </NavLink>
      <NavLink
        page="/accupuncture"
        currentPage={currentPage}
        setCurrentPage={setCurrentPage}
        currentPageClasses={currentPageClasses}
      >
        Accupuncture
      </NavLink>
      <NavLink
        page="/articles"
        currentPage={currentPage}
        setCurrentPage={setCurrentPage}
        currentPageClasses={currentPageClasses}
      >
        Articles
      </NavLink>
      <NavLink
        page="/nor"
        currentPage={currentPage}
        setCurrentPage={setCurrentPage}
        currentPageClasses={currentPageClasses}
      >
        Neuro Ocular Release
      </NavLink>
    </>
  );
};

export default NavPages;