How can I get updated data from my API with useSWRInfinite?

[MichaelBurgess]

When I use useSWR, I can call mutate (not the one returned from the hook, but the one exported from the package) on my API path, which will then cause the hook to refetch the data from the API and my component(s) update on screen.

E.g.

const { data, error } = useSWR("/foo/bar"); // This will refetch the data from the API if it's on screen after mutating 

// Then somewhere else in code I can do this after something changes
mutate("/foo/bar")

When I use useSWRInfinite, after I mutate my keys related to that API (I'm using cursor pagination), the component I have on screen doesn't refetch from the API.

// data here does not get automatically updated with the new API data after I mutate, unless I navigate away from the page and back, or click out the browser and back in
const { data, error, size, setSize } = useSWRInfinite(
  (pageIndex, previousPageData) =>
    getKey(path, pageSize, pageIndex, previousPageData)
);

FYI the getKey is as follows:

const getNextPageSize = (basePageSize, pageIndex) => {
  if (pageIndex === 0) {
    return basePageSize;
  }
  let pageSize = basePageSize;
  for (let index = 1; index < pageIndex + 1; index++) {
    pageSize *= 2;
  }
  return pageSize;
};

const getKey = (path, pageSize, pageIndex, previousPageData) => {
  // No more pages of data
  if (previousPageData && !previousPageData.next_token) {
    return null;
  }

  // First page
  if (pageIndex === 0) {
    return `${path}?limit=${pageSize}`;
  }

  // Get the next page
  return `${path}?limit=${getNextPageSize(pageSize, pageIndex)}&next_token=${
    previousPageData.next_token
  }`;
};

...so in the useSWRInfinite example, after I mutate the key(s) related to the API (e.g. with the page size and next token), data does not return the updated value from the API and I need to force a revalidation by changing page and back, or by clicking out the browser and back.

I was seeing this issue with both 0.5.6 and with the latest beta releases where I'm able to provide my own cache and do regex matches on the keys that I want to clear.

What am I doing wrong? How can I make useSWRInfinite refetch the data from the API after I invalidate the key(s) that it is using?

Thanks!

[MichaelBurgess]

I just tried using the mutate function returned from the useSWRInfinite hook. This "works", but I'm not really sure what keys it is invalidating? Is it invalidating all pages of data that I've fetched using that hook, or just the first page?

How can I invalidate all the data with this bound mutate method? Or alternatively, how can I mutate this data using my own mutate function?