try again

Website/app/Header.js

@@ -4,24 +4,23 @@ import Image from "next/image";
 import { useState } from "react";
 import Link from "next/link";
 import { useCallback, useEffect } from "react";
-import { useRouter } from 'next/router';
-
-function handleNavLinkClick(to, setOpen, router) {
-  if (window.location.pathname === to) {
-    setOpen(false);
-  } else {
-    router.push(to);
-  }
-}
+import { useRouter } from 'next/navigation';
 
 function NavLink({ to, children, cn, setOpen }) {
+  const router = useRouter();
+  const handleNavLinkClick = (e) => {
+    e.preventDefault();
+    if (router.pathname === to) {
+      setOpen(false);
+    } else {
+      router.push(to);
+    }
+  };
+
   return (
-    <button
-      onClick={() => handleNavLinkClick(to, setOpen)}
-      className={`text-gray-900 hover:text-black ${cn}`}
-    >
+    <Link href={to} className={`text-gray-900 hover:text-black ${cn}`} onClick={handleNavLinkClick}>
       {children}
-    </button>
+    </Link>
   );
 }