Next.js中getStaticProps无法向组件传递数据问题求助

我正在跟随Next.js官方指南学习，遇到一个问题：getStaticProps函数能正确获取数据，函数内部打印的allPostsData是正确的，但把它作为props传递给Home组件时，组件内的allPostsData却为undefined，使用.map方法也无法渲染数据。启动服务使用的命令是npm run dev。

相关代码 #

getStaticProps函数 #

export async function getStaticProps() {
  const allPostsData = getSortedPostsData();
  console.log("getStaticProps>>>",allPostsData)

  return {
    props: {
      allPostsData,
    },
  };
}

函数内打印的正确数据 #

getStaticProps>>> [
  {
    id: 'ssg-ssr',
    title: 'When to Use Static Generation v.s. Server-side Rendering',
    date: '2020-01-02'
  },
  {
    id: 'pre-rendering',
    title: 'Two Forms of Pre-rendering',
    date: '2020-01-01'
  }
]

Home组件代码 #

export default function Home ({allPostsData })  {
  console.log("getStaticProps>>>",allPostsData)
}

尝试渲染的代码 #

{allPostsData && allPostsData.map
(({ id, date, title }) => 
({title }
 {date}
 {id}))}

内容的提问来源于stack exchange，提问作者Mustafa sabah