我正在使用Next.js和mdx创建一个博客。
我从关注整个tutorial开始，他用nextjs和md做了博客。
然后，我按照tutorial中的一个部分从使用md切换到使用mdx
但是，由于某种原因，下面的一行代码导致了图片中的错误

<MDXRemote {...props.mdxSource} components={components} />

全码

import fs from 'fs'
import matter from 'gray-matter'
import { serialize } from 'next-mdx-remote/serialize'
import { MDXRemote } from 'next-mdx-remote'

import path from 'path'

export default function Post(props) {
    const components = {}

    return (
        <>
            // this line of code is causing error
            <MDXRemote {...props.mdxSource} components={components} />

        </>
    )
}

export async function getStaticProps(context) {    
    const markdownWithMeta = fs.readFileSync(
        path.join('posts', slug + '.mdx'),
        'utf-8'
    )
    const { content } = matter(markdownWithMeta)
    const mdxSource = await serialize(content)

    return {
        props: {            
            mdxSource,            
        },
    }
}

我正在使用的软件包：https://github.com/hashicorp/next-mdx-remote