Can someone help me why I have this error:
Im using motion also, and my project is with Nextjs 14

at Nav (webpack-internal:///(app-pages-browser)/./components/Nav.jsx:37:11)

and my Nav is:

export default function Nav({ containerSyles, linkStyles, underlineStyles }) {
  const path = usePathname();
  return (
    <nav className={`${containerSyles}`}>
      {links.map((link, index) => {
        return (
          <Link
            href={link.path}
            key={index}
            className={`uppercase ${linkStyles}`}
          >
            {link.path === path && (
              <motion.span
                initial={{ y: "-1000%" }}
                animate={{ y: 0 }}
                transition={{ type: "tween" }}
                layoutId="underline"
                className={`${underlineStyles}`}
              />
            )}
            {link.name}
          </Link>
        );
      })
      }
    </nav>
  );
}

If anyone would help me to solve this error

Thank you