React Query Disable

  const [visible, setVisible] = useState<boolean>(false);

const {
    isError: voyageStartError,
    isLoading: voyageStartLoading,
    fetchStatus: voyageStartFetchStatus,
  } = useGetQuery<IVoyageLocations, IVoyageGet>(
    ['getStartVoyageLocation', startPoint],
    `voyages/locations/${startPoint}`,
    {
      id: null,
    },
    visible
  );

  const {
    isError: voyageEndError,
    data: voyageEndData,
    isLoading: voyageEndLoading,
  } = useGetQuery<IVoyageLocations, IVoyageGet>(
    ['getEndVoyageLocation', endPoint],
    `voyages/locations/${endPoint}`,
    {
      id: null,
    },
    visible
  );

  if (
    
  ) {
    return <Loading />;
  }

  if (voyageStartError || voyageEndError) {
    return <ErrorOccurred />;
  }
  

  const [visible, setVisible] = useState<boolean>(false);

const {
    isError: voyageStartError,
    isLoading: voyageStartLoading,
    fetchStatus: voyageStartFetchStatus,
  } = useGetQuery<IVoyageLocations, IVoyageGet>(
    ['getStartVoyageLocation', startPoint],
    `voyages/locations/${startPoint}`,
    {
      id: null,
    },
    visible
  );

  const {
    isError: voyageEndError,
    data: voyageEndData,
    isLoading: voyageEndLoading,
  } = useGetQuery<IVoyageLocations, IVoyageGet>(
    ['getEndVoyageLocation', endPoint],
    `voyages/locations/${endPoint}`,
    {
      id: null,
    },
    visible
  );

  if (
    
  ) {
    return <Loading />;
  }

  if (voyageStartError || voyageEndError) {
    return <ErrorOccurred />;
  }