nextjs + remote-mdx fout: Ongeldige hook-aanroep

Foutmelding

Waarschuwing: Ongeldige hook-aanroep. Hooks kunnen alleen worden aangeroepen binnen het lichaam van een functiecomponent. Dit kan om een van de volgende redenen gebeuren:
1. Je hebt mogelijk niet-overeenkomende versies van React en de renderer (zoals React DOM)
2. Je breekt mogelijk de Regels van Hooks
3. Je hebt mogelijk meer dan één kopie van React in dezelfde app
Zie https://reactjs.org/link/invalid-hook-call voor tips over hoe je dit probleem kunt debuggen en oplossen.

Mijn oplossing

Voeg configuratie toe: transpilePackages

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