如何一般地输入一个阿波罗useQuery钩子？

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

const client = new ApolloClient({
  uri: 'API的URL',
  cache: new InMemoryCache(),
});

const GET_DATA = gql`
  query GetData($param: String!) {
    getData(param: $param) {
      // 查询字段
    }
  }
`;

const MyComponent = () => {
  const { loading, error, data } = useQuery(GET_DATA, {
    variables: { param: '参数值' },  // 可选，传递查询参数
  });

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

  // 使用查询结果进行渲染等操作
  return (
    <div>
      {data.getData.map(item => (
        // 渲染数据
      ))}
    </div>
  );
};