NextJS + Apollo:如何在getServerSideProps中获得多个apolloClient.query查询？

import { ApolloClient, InMemoryCache, gql } from '@apollo/client';
import { ApolloProvider } from '@apollo/client/react';
import { getServerSideProps } from 'next';

export default function MyComponent({ data1, data2 }) {
  // 使用获取到的数据进行渲染
  return (
    <div>
      <h1>Data 1:</h1>
      <pre>{JSON.stringify(data1, null, 2)}</pre>
      <h1>Data 2:</h1>
      <pre>{JSON.stringify(data2, null, 2)}</pre>
    </div>
  );
}

export const getServerSideProps = async () => {
  // 创建Apollo客户端
  const client = new ApolloClient({
    uri: 'YOUR_GRAPHQL_ENDPOINT',
    cache: new InMemoryCache(),
  });

  // 定义查询语句
  const query1 = gql`
    query Query1 {
      // 查询1的内容
    }
  `;

  const query2 = gql`
    query Query2 {
      // 查询2的内容
    }
  `;

  // 并行执行多个查询
  const [result1, result2] = await Promise.all([
    client.query({ query: query1 }),
    client.query({ query: query2 }),
  ]);

  // 返回查询结果作为props
  return {
    props: {
      data1: result1.data,
      data2: result2.data,
    },
  };
};