nextjs + remote-mdx erreur : Appel de hook invalide

Contenu de l'erreur

Avertissement : Appel de hook invalide. Les hooks ne peuvent être appelés que dans le corps d'un composant fonctionnel. Cela pourrait se produire pour l'une des raisons suivantes :
1. Vous pourriez avoir des versions incompatibles de React et du rendu (comme React DOM)
2. Vous pourriez enfreindre les règles des hooks
3. Vous pourriez avoir plus d'une copie de React dans la même application
Voir https://reactjs.org/link/invalid-hook-call pour des conseils sur la façon de débugger et de résoudre ce problème.

Ma solution

Ajouter la configuration : transpilePackages

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