How to use react-intersection-observer with useQuery?

import {useInView} from "react-intersection-observer";
//other code
const {ref: inViewRef, inView} = useInView({triggerOnce: true});

const {data, refetch, isLoading, isError} = useQuery(
    [RQConstants.GET_PRIVATE_FILE_BYTES, fileUrl],
    async () => {
      const {data} = await axios.get(URN_MEDIA + "/file?uri=" + fileUrl);
      return data;
    },
    {
      refetchOnMount: false,
      refetchOnWindowFocus: false,
      staleTime: "Infinity",
      cacheTime: "Infinity",
      enabled: inView,
    }
  );