Can hyper do infinite fetching?

[npearson72]

I was looking through the docs and didn't see anything like this: useInfiniteQuery

[prc5]

Our approach in this case is similar to the SWR's approach with making micro components:

function Page({ offset }) {
  const { data, error, loading } = useFetch(getList.setQueryParams({ offset }));

  return (
    <div>
      {data.map((element) => (
        <div>{element}</div>
      ))}
    </div>
  );
}

function Component() {
  const [page, setPage] = useState(1);

  const loadMore = () => {
    setPage((page) => page + 1);
  };

  return (
    <div>
      {Array.from(Array(page).keys()).map((key) => (
        <Page key={key} offset={key * 10} />
      ))}
      <button onClick={loadMore}>Load More</button>
    </div>
  );
}

[npearson72]

That makes sense. I'd adjust this a bit to give me json as an input to a virtual list.