我尝试使用在 https://fakestoreapi.com/ 找到的一个伪API来获取数据到我的Next js应用程序中，但是我一直收到一个未定义引用错误，尽管我从官方的next js文档中获得了代码片段。

import { Box, Heading } from "@chakra-ui/react";

export async function getStaticProps() {
  const response = await fetch("https://fakestoreapi.com/products");
  const data = await response.json();

  return {
    props: {
      products,
    },
  };
}

function ProductList() {
  return (
    <Box>
      {products.map((product) => (
        <Box>
          <Text> {product.title} </Text>
        </Box>
      ))}
    </Box>
  );
}

export default ProductList;

这是我一直听到的错误

ReferenceError: products is not defined