nextjs + remote-mdx erro: Chamada de hook inválida

Conteúdo do erro

Aviso: Chamada de hook inválida. Hooks só podem ser chamados dentro do corpo de um componente de função. Isso pode acontecer por uma das seguintes razões:
1. Você pode ter versões incompatíveis do React e do renderizador (como React DOM)
2. Você pode estar quebrando as Regras dos Hooks
3. Você pode ter mais de uma cópia do React no mesmo aplicativo
Veja https://reactjs.org/link/invalid-hook-call para dicas sobre como depurar e corrigir esse problema.

Minha solução

Adicione a configuração: transpilePackages

// ...
const nextConfig = {
    pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
    transpilePackages: ['next-mdx-remote']
};
// ...