在Apollo Client中，如何使用useLazyQuery检查来自不同组件的同一查询的加载状态？

import { useLazyQuery } from '@apollo/client';

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

const GET_DATA = gql`
  query GetData($id: ID!) {
    data(id: $id) {
      // 查询字段
    }
  }
`;

const MyComponent = () => {
  const [getData, { loading, data }] = useLazyQuery(GET_DATA);

  // 在需要的时候调用查询函数
  const handleGetData = () => {
    getData({ variables: { id: '123' } });
  };

  if (loading) {
    return <div>Loading...</div>;
  }

  if (data) {
    // 处理查询结果
    return <div>{data}</div>;
  }

  return (
    <div>
      <button onClick={handleGetData}>Get Data</button>
    </div>
  );
};