从一页自动定向到另一页时在哪里使用getInitialProps

在我的应用程序中，我会像这样从'/'自动定向到'/ PageOne'：

const Home = () => {
  const router = useRouter();

  useEffect(() => {
    router.push('/pageone', undefined, { shallow: true });
  }, []);

  return <PageOne />;
};

在我的PageOne中，我想像这样使用getInitialProps：

const pageOne = (data) => {

  return (
    <Layout>
      ...
    </Layout>
  );
};

pageOne.getInitialProps = async (
  ctx: NextPageContext
): Promise<{ data }> => {
  const response = await someAPICall()
  return {
    data: response.data
  };
};

export default pageOne;

这将在我的主页中导致错误，因为我使用引用了PageOne，并且缺少参数“数据”，但是由于在渲染主页时数据不存在，因此我无法将数据传递给该参数。

我应该调用API来在首页而不是PageOne中获取数据吗？如果这样做，刷新PageOne是否会导致另一个API调用来获取最新数据，或者仅在刷新首页时才会调用该API？