nextjs + remote-mdxエラー：無効なフック呼び出し

エラー内容

Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. あなたはReactとレンダラー（React DOMなど）のバージョンが一致していないかもしれません
2. フックのルールを破っているかもしれません
3. 同じアプリ内にReactのコピーが2つ以上あるかもしれません
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

私の解決策

設定を追加： transpilePackages

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