nextjs + remote-mdx felmeddelande: Ogiltigt hook-anrop

Felmeddelande

Varning: Ogiltigt hook-anrop. Hooks kan endast anropas inuti kroppen av en funktionskomponent. Detta kan hända av en av följande anledningar:
1. Du kan ha olika versioner av React och renderaren (t.ex. React DOM)
2. Du kanske bryter mot reglerna för hooks
3. Du kan ha mer än en kopia av React i samma app
Se https://reactjs.org/link/invalid-hook-call för tips om hur du felsöker och löser detta problem.

Min lösning

Lägg till konfiguration: transpilePackages

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