graphql - Nextjs - WPGraphQL 菜单查询中的子项为空

Question

WPGraphiQL IDE 显示正确的数据，如下所示：

但是当我在前端使用 Apollo Client 进行相同的查询时，菜单的子项返回 null。

通过查询获取数据

import { useApollo } from "../lib/apolloClient";
import { initializeApollo } from "../lib/apolloClient";
import { gql } from "@apollo/client";
function CustomApp({ pageProps, Component, props }) {
  const apolloClient = useApollo(pageProps.initialApolloState);
  return (
    <>
      {console.log(props)}
    </>
  );
}

CustomApp.getInitialProps = async () => {
  const apolloClient = initializeApollo();

  await apolloClient.query({
    query: gql`
      {
        menu(id: 2, idType: DATABASE_ID) {
          id
          databaseId
          name
          slug
          menuItems {
            nodes {
              databaseId
            }
          }
        }
      }
    `,
  });

  return {
    props: {
      initialApolloState: apolloClient.cache.extract(),
    },
  };
};

安慰：

https://i.stack.imgur.com/UdMVY.png

所有其他节点返回子节点没有任何问题。