New use case pagination

I have a use case that I think falls under pagination but I'm not sure how to achieve it without adding a couple useEffects. I have an API that I'd like to call that limits results. I want to go ahead and just iterate through and grab ALL records, I don't want to wait for user input to go get the next page.

Right now I'm setting up as an infiniteQuery and then using a useEffect to manually trigger fetchNextPage() like this.

   useEffect(() => {
      if (hasNextPage && !isFetchingNextPage) {
         fetchNextPage();
      }
   }, [hasNextPage, isFetchingNextPage, fetchNextPage]);

   useEffect(() => {
      if (hasNextPage && !isFetchingNextPage) {
         fetchNextPage();
      }
   }, [hasNextPage, isFetchingNextPage, fetchNextPage]);

Is there a better way to do this with just a query?

TanStack•3y ago•

3 replies

uncertain-scarlet

New use case pagination

   useEffect(() => {
      if (hasNextPage && !isFetchingNextPage) {
         fetchNextPage();
      }
   }, [hasNextPage, isFetchingNextPage, fetchNextPage]);

   useEffect(() => {
      if (hasNextPage && !isFetchingNextPage) {
         fetchNextPage();
      }
   }, [hasNextPage, isFetchingNextPage, fetchNextPage]);

Is there a better way to do this with just a query?

New use case pagination

Similar Threads

New use case pagination

Similar Threads

Similar Threads

Similar Threads