Apollo client Graphql查询变量类型错误

const GET_USER = gql`
  query GetUser($id: ID!) {
    user(id: $id) {
      name
      email
    }
  }
`;

const { loading, error, data } = useQuery(GET_USER, {
  variables: { id: '123' }, // 确保 id 是 ID 类型
});

const { loading, error, data } = useQuery(GET_USER, {
  variables: { id: userId }, // 确保 userId 已经定义
});

const { loading, error, data } = useQuery(GET_USER, {
  variables: { id: userId, filter: { age: 30 } }, // 确保 filter 对象包含所有必需的字段
});

import { gql, useQuery } from '@apollo/client';

const GET_USER = gql`
  query GetUser($id: ID!) {
    user(id: $id) {
      name
      email
    }
  }
`;

function UserComponent({ userId }) {
  const { loading, error, data } = useQuery(GET_USER, {
    variables: { id: userId }, // 确保 userId 是 ID 类型
  });

  if (loading) return <p>Loading...</p>;
  if (error) return <p>Error: {error.message}</p>;

  return (
    <div>
      <h1>{data.user.name}</h1>
      <p>{data.user.email}</p>
    </div>
  );
}