[Bug] componente Link não funciona em produção

Estou utilizando o framework next js para construir um site, criei uma barra de navegação com os links das paginas do meu site, esta funcionando perfeitamente em desenvolvimento, porem em produção os componentes link não funcionam , oque pode ser? segue o codigo da minha navbar:

"use client";

import {
  HiHome,
  HiUser,
  HiViewColumns,
  HiRectangleGroup,
  HiEnvelope,
} from "react-icons/hi2";
import Link from "next/link";
import { usePathname, useRouter } from "next/navigation";

export const navData = [
  { name: "inicio", path: "/", icon: <HiHome /> },
  { name: "projetos", path: "/projects", icon: <HiViewColumns /> },
  { name: "sobre", path: "/about", icon: <HiUser /> },
  {
    name: "contato",
    path: "/contact",
    icon: <HiEnvelope />,
  },
];

const Nav = () => {
  const pathName = usePathname();
  const router = useRouter();
  function handleClick(path: string) {
    return router.push(path);
  }
  return (
    <nav
      className="absolute flex flex-col items-center xl:justify-center gap-y-4 h-max bottom-0 mt-auto 
    xl:bottom-[2%] z-[50] top-0 w-full"
    >
      <div
        className="flex w-full items-center justify-between gap-x-10 px-4 md:px-40 xl:px-12
        bg-white/10 xl:w-max h-12 backdrop-blur-sm text-3xl xl:text-xl xl:rounded-xl"
      >
        {navData.map((link, index) => {
          return (
            <Link
              prefetch={false}
              className={`${
                link.path === pathName && " bg-accent/30 rounded-full p-1"
              } relative flex items-center group hover:text-accent hover:scale-110 transition-all duration-300`}
              key={index}
              href={link.path}
            >
              <div className="absolute h-10 w-[104px] left-1/2 transform -translate-x-1/2 bottom-[44px] hidden xl:group-hover:flex">
                <div className="bg-white/10 relative flex items-center justify-center w-full h-full rounded-xl">
                  <div className="text-[12px] leading-none font-semibold capitalize">
                    {link.name}
                  </div>
                  <div className="absolute border-solid border-t-white/10 border-t-8 border-x-transparent border-x-[6px] border-b-0.5 -mb-[48px]"></div>
                </div>
              </div>
              <div>{link.icon}</div>
            </Link>
          );
        })}
      </div>
    </nav>
  );
};

export default Nav;

Em produção, quando eu clico no link para ir para outra página

, fica baixand o conteudo da pagina no network sem parar