nextjs + remote-mdx błąd: Nieprawidłowe wywołanie haka

Treść błędu

Ostrzeżenie: Nieprawidłowe wywołanie haka. Haki mogą być wywoływane tylko w ciele komponentu funkcyjnego. Może to być spowodowane jednym z następujących powodów:
1. Może masz niedopasowane wersje Reacta i renderera (takiego jak React DOM)
2. Może łamiesz zasady haków
3. Może masz więcej niż jedną kopię Reacta w tej samej aplikacji
Zobacz https://reactjs.org/link/invalid-hook-call, aby uzyskać wskazówki dotyczące debugowania i naprawy tego problemu.

Moje rozwiązanie

Dodaj konfigurację: transpilePackages

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