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']
};
// ...