How to remove an item from a paginated list

[philmetzger]

I have an infinite list like so:

const { data, size, setSize } = useSWRInfinite((...args) => getSwrKey(...args, state), fetchFromAuthedApi, {
    revalidateOnFocus: true,
  });

where getSwrKey is defined as:

const getSwrKey = (pageIndex, previousPageData, state) => {
  let lastItem = null;
  if (previousPageData) {
    lastItem = previousPageData[previousPageData.length - 1];
  }

  return getUsersApiEndpoint(state, lastItem?.createdAt, LIMIT);
};

Now somewhere in a nested component, I perform an action on an item and then want to remove that item from the list.

I have tried this which seems to remove it (i.e. the filter does remove the item, but the list still contains that item

mutate(getUsersApiEndpoint(state, null), (data) => data.filter((dataItem) => dataItem.id !== user.id), {
      revalidate: false,
    });

Any ideas?