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