当满足条件时，如何停止在refetchInterval上运行的react-query useQuery？

import { useQuery } from 'react-query';

function MyComponent() {
  const { stopRefetching } = useQuery('myData', fetchData, {
    refetchInterval: 1000, // 每秒重新获取一次数据
  });

  const handleCondition = () => {
    if (/* 满足某个条件 */) {
      stopRefetching(); // 停止自动重新获取
    }
  };

  return (
    <div>
      {/* 组件内容 */}
      <button onClick={handleCondition}>Stop Refetching</button>
    </div>
  );
}

async function fetchData() {
  // 获取数据的逻辑
}

import { useEffect } from 'react';
import { useQuery } from 'react-query';

function MyComponent() {
  const { stopRefetching } = useQuery('myData', fetchData, {
    refetchInterval: 1000,
  });

  useEffect(() => {
    return () => {
      stopRefetching(); // 组件卸载时停止重新获取
    };
  }, [stopRefetching]);

  const handleCondition = () => {
    if (/* 满足某个条件 */) {
      stopRefetching();
    }
  };

  return (
    <div>
      {/* 组件内容 */}
      <button onClick={handleCondition}>Stop Refetching</button>
    </div>
  );
}