我用 next js 和 typescript 开始了一个项目。我有一个在 index.js 页面中调用它的主组件，我在主组件中使用 getStaticProps 函数 getStaticProps 返回一个 prop 对象，当我在主组件中记录这个 prop 时，我在控制台中收到了 undefined 。我想知道在组件中使用 getStaticProps 是错误的，我只需在页面中使用该函数即可。我是 next js 的新手，如果有人能帮助我，我将非常感激。
这是我的主要组成部分
import React from 'react';
import {IMain} from "../../../../interfaces/components/IMenu/IMain";
const Main:React.FC<IMain> = (props) => {
console.log(props);
return (
<div>
</div>
);
};
export async function getServerSideProps() {
return {
props: {
data: 'ggwp'
}
};
}
export default Main;这是我的index.js 页面
import Text from "./../components/ui/Text/Text";
import Button from "../components/ui/Button/Button";
import Main from "../components/Menu/Desktop/Main/Main";
const Home = () …