nextjs + remote-mdx Fehler: Ungültiger Hook-Aufruf

Fehlermeldung

Warnung: Ungültiger Hook-Aufruf. Hooks können nur im Körper einer Funktionskomponente aufgerufen werden. Dies könnte aus einem der folgenden Gründe geschehen:
1. Möglicherweise haben Sie nicht übereinstimmende Versionen von React und dem Renderer (wie React DOM)
2. Möglicherweise brechen Sie die Regeln der Hooks
3. Möglicherweise haben Sie mehr als eine Kopie von React in derselben App
Siehe https://reactjs.org/link/invalid-hook-call für Tipps zur Fehlersuche und zur Behebung dieses Problems.

Meine Lösung

Fügen Sie die Konfiguration hinzu: transpilePackages

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