Next.js部署至Vercel时getServerSideProps触发404错误求助

我近期开始使用Next.js，体验良好。首页index.js采用服务端渲染方案，通过getServerSideProps实现，代码如下：

import CardGrid from "../components/cardGrid";
import Header from "../components/header";
import ErrorPage from "next/error";
import Footer from "../components/footer";
import { NextSeo } from "next-seo";

function Home({
  wallData = []
}) {
  return (
    <>
      <div className="flex flex-col h-screen">
        <div className="container mx-auto flex-grow">
          <CardGrid
            wallData={wallData}
          />
        </div>
      </div>
    </>
  );
}

export async function getServerSideProps(context) {
  return {
    props: {
    },
  };
}

export default Home;

该代码在本地运行正常，但部署到Vercel后访问首页始终返回404错误。移除getServerSideProps后重新部署，Vercel上可正常运行。查看Vercel日志仅显示如下404记录，无其他有效信息：

MAR 21 23:39:17.29
404
xxxxxxxx.vercel.app
[GET] /

我已尝试多方搜索但未解决问题，恳请各位提供帮助。

内容的提问来源于stack exchange，提问作者Manoj ahirwar