无法从Next.js中的getStaticProps传递数组

// pages/index.js
import React from 'react';

const HomePage = ({ data }) => {
  return (
    <div>
      {data.map((item, index) => (
        <p key={index}>{item}</p>
      ))}
    </div>
  );
};

export async function getStaticProps() {
  try {
    // 假设我们从某个API获取数据
    const res = await fetch('https://api.example.com/data');
    const data = await res.json();

    // 确保返回的数据是一个数组
    if (!Array.isArray(data)) {
      throw new Error('Data is not an array');
    }

    return {
      props: {
        data, // 将数组作为props传递给页面组件
      },
    };
  } catch (error) {
    console.error('Error fetching data:', error);
    return {
      props: {
        data: [], // 如果出错，返回一个空数组
      },
    };
  }
}

export default HomePage;