使用 Apollo 突变时无法构建

如何解决使用 Apollo 突变时无法构建

我正在尝试通过突变发送邮件。它在开发（虚拟构建）上使用时有效。但是当我尝试创建构建文件夹时，会出现一个不变的冲突：“在上下文中找不到“客户端”或作为选项传入。' +'将根组件包装在一个中，或者将一个 ' + 'ApolloClient 实例传入通过选项。'"

这是我的 index.js：

import {
  ApolloClient,InMemoryCache,ApolloProvider,} from "@apollo/client";

import Test from "./Test";
const client = new ApolloClient({
  uri: "https://xxx.pl/graphql",cache: new InMemoryCache(),});

export default function Home() {
  return (
    <ApolloProvider client={client}>
        <Test />
    </ApolloProvider>
  );
}

还有孩子：

import { gql,useMutation } from "@apollo/client";
import React,{ useEffect } from "react";
const ADD_Todo = gql`
  mutation MyMutation {
    __typename
    sendEmail(
      input: {
        body: "asdsadsasss"
        from: "db@xxx.pl"
        subject: "AAAAA"
        to: "xxx1@gmail.com"
      }
    ) {
      message
      origin
    }
  }
`;

export default function AddTodo() {
  const [addTodo,{ data }] = useMutation(ADD_Todo);
  useEffect(() => {
    addTodo("dupa");
  },[]);
  return <div></div>;
}

Package.json：

  "dependencies": {
    "@apollo/client": "^3.3.7","@material-ui/core": "^4.11.2","@material-ui/icons": "^4.11.2","graphql": "^15.4.0","next": "10.0.4","react": "17.0.1","react-dom": "17.0.1",}