我正在使用 Nextjs 创建注释组件以进行服务器端渲染。在开发模式下，一切正常，但是当我尝试构建优化的生产时，next js 会抱怨

Cannot read property 'byname' of undefined

这是我的组件：

import React from 'react'
import moment from 'moment-timezone'

export default function Comment({comment}) {
    return (
        <div>
            <div>
                <span>{comment.byName}</span>
                <span> {moment(new Date(comment.createdOn)).format('ll')}</span>
            </div>
            {comment.comment}
        </div>
    );
}

这是我在 package.json 中的脚本

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
}, 

这是我收到的错误

    > next build

    info  - Loaded env from /Users/aliemami/coco-project/coco/.env
    Creating an optimized production build

    Compiled successfully.

    Automatically optimizing pages .
    Error occurred prerendering page "/community/Comment". Read more: https://err.sh/next.js/prerender-error
    TypeError: Cannot read property 'byname' of undefined,

我有点明白发生了什么，可能 Nexjs 正试图从中创建一个静态页面，但由于传递给组件的变量而无法创建，我如何告诉 nextjs 在每次调用时创建组件？什么是最有效的解决方案？以及 Next 如何在开发而不是生产期间处理这个问题？