How to properly get the next page based on all previous data using useSWRInfinite?

[potouridisio]

Hello,

I need to get the next 100 data that aren't the ones I have.

I can't request per page or offset because I have random results from different databases.

It would be ideal if getKey callback was called with pageIndex and data (all pages), since given the pageIndex you

can access the previousPageData.

function getKey(pageIndex, data) {
  // const previousPageData = pageIndex ? data[pageIndex - 1] : null;
}

Instead of that I've tried creating a closure so getKey has access to data,

function getKey(data) {
  return (pageIndex, previousPageData) {
    // 
  }
}

or in my fetcher function

function fetchData(data) {
  return (url) {
    // map the data ids I want to ignore also a limit (e.g. { limit: 100, skip: [1, 2, 3] })
  }
}

I tried keeping the data in useState or useRef, updating them in onSuccess callback or in a useEffect and I've either ended up having infinite loops, sending double requests or data not being updated the right moment.

So I'm asking and I'd appreciate it if there's anyone that has implemented something similar and can help.