nextjs + remote-mdx ошибка: Неверный вызов хуков

Содержимое ошибки

Предупреждение: Неверный вызов хуков. Хуки могут вызываться только внутри тела функционального компонента. Это может произойти по одной из следующих причин:
1. У вас могут быть несовпадающие версии React и рендерера (например, React DOM)
2. Вы можете нарушать Правила хуков
3. У вас может быть более одной копии React в одном приложении
Смотрите https://reactjs.org/link/invalid-hook-call для получения советов о том, как устранить и исправить эту проблему.

Мое решение

Добавьте конфигурацию: transpilePackages

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