[Sugestão] Solução NextJS v13

Para quem estiver com problemas no componente, basta adicionar legacyBehavior, conforme a modificação abaixo:

import NextLink from "next/link";


export default function Link({children, href, ...props}) {
    return (
        <NextLink href={href} passHref legacyBehavior>
            <a {...props}>
                {children}
            </a>           
        </NextLink>
    )
}

Foi uma modificação que ocorreu no Next e está na documentação , na atual versão recomenda-se utilizar apenas a tag com o href . Veja como ficaria:

import NextLink from "next/link";


export default function Link({children, href, ...props}) {
    return (
        <NextLink href={href}>
            {children}    
        </NextLink>
    )
}

Mergulhe em programação