Prevent update cache with empty fetchPreviousPage response

[vitorcamachoo]

I've been struggling in the past few days trying to implement a simple bidirectional virtual list by using (react-virtuoso and infinity query). Explaining a bit what is the context, when reaching the end of the list, it will get the following pages and based on an interval, it will try to fetch the previous pages.
So, when requesting the next pages we will be using an API field ending_before and when requesting the previous pages we will use starting_after which will be the date of the first event on the list.
In addition to that, we are trying to display a new activity badge based on the new information that came from the previous page request.
The problem with this approach is when requesting previous pages based on the first event date, when the response is empty, it will be stored an empty array in the cache along with the parameters. What is the best way to prevent from this information being saved on the cache (pages and pageParams)? If the user will be on this page for a long time, it will have a lot of registries in the cache without any need.

Regarding the new activity badge notification, I've tried to implement the logic in the onSuccess, by comparing the oldest first element with the newest first element.

 useInifityProjectEvents(id, params, {
    suspense: true,
    staleTime: Infinity,
    onSuccess: (result) => {
      const new = result;
      const old = queryClient.getQueryData<typeof result>('key');

      console.log(old, new);
    },
  });

useInterval(fetchPreviousPage, REFRESH_INTERVAL);

So far I could use this way because new and old have always the same information, so, what could be the best way to know if there are updates on the list based on the comparison of the first element?