How to reorder the results of useSWRInfinite

[blackblvck]

The data acquired with useSWRInfinite needs to be reordered using react-beautiful-dnd, etc., or some of the data needs to be deleted, but it is not easy to rewrite the original data.

If you retrieve the next page after reordering or deleting, the reordered data will revert to the data before reordering.

Is there any way to fix this?

const { data, error, isValidating, setSize, size } = useSWRInfinite<Response>(
    (_, previousPageData) => {
      if (
        previousPageData &&
        (!previousPageData.next || !previousPageData.results.length)
      )
        return null;
      return previousPageData?.next ?? initialData.next;
    },
    fetcher,
    {
      initialSize: 0,
      revalidateFirstPage: false,
      revalidateOnFocus: false,
      shouldRetryOnError: false,
    }
  );

  const flattenPages: T = data?.length
    ? initialData.results.concat(data.flatMap((page) => page.results))
    : initialData.results;
  const isFetchingInitialData = !data && !error && !initialData.results;
  const isFetchingNextPage =
    isFetchingInitialData ||
    (size > 0 && data && typeof data[size - 1] === 'undefined');