GraphQL Playground工作时为什么阿波罗查询无法成功

Question

我是graphql和apollo客户端的新手。 我在后端使用stradi，这也给了我这个graphql游乐场。

下面的代码在操场上也可以正常工作。

mutation {
  createCart(
    input: {
      data: {
        products: ["5ebae189cb58875138656f76"]
      }
    }
  ) {
    cart {
      id
    }
  }
}

但是当我在nextjs应用程序中使用以下代码时，这会给我400错误

const CREATE_CART = gql`
    mutation CreateCart($input: createCartInput!) {
        createCart(input: $input) {
            cart {
                id
            }
        }
    }
`;
const [createCart, { data }] = useMutation(CREATE_CART);
    const addProductToCard = (product) => {
        const input = { data: { products: [product], user: user } };
        createCart({ variables: input });
    };

注意：产品和用户对象没有问题。它们具有必需的数据。

我花了一天时间，不知道该怎么办。

谢谢