nextjs + remote-mdx報錯：無效的 hook 調用

報錯內容

警告：無效的 hook 調用。Hooks 只能在函數組件的主體內部調用。這可能是由於以下原因之一：
1. 你可能有不匹配的 React 和渲染器（如 React DOM）版本
2. 你可能違反了 Hooks 的規則
3. 你可能在同一應用程序中有多個 React 副本
請參見 https://reactjs.org/link/invalid-hook-call 以獲取有關如何調試和修復此問題的提示。

我的解決辦法

增加配置: transpilePackages

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