nextjs + remote-mdx errore: chiamata hook non valida

Contenuto dell'errore

Attenzione: chiamata hook non valida. Gli hook possono essere chiamati solo all'interno del corpo di un componente funzione. Questo potrebbe accadere per uno dei seguenti motivi:
1. Potresti avere versioni non corrispondenti di React e del renderer (come React DOM)
2. Potresti infrangere le Regole degli Hook
3. Potresti avere più di una copia di React nella stessa app
Vedi https://reactjs.org/link/invalid-hook-call per suggerimenti su come fare il debug e risolvere questo problema.

La mia soluzione

Aggiungi configurazione: transpilePackages

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