useInfiniteQuery doesn't update stale cache data after success queryFn call

[E1ano]

When using useInfiniteQuery for the chats inside the React Native Expo project, the data returned by the queryFn is new and correct, but the previous stale data inside the cache is not updated.

Examples of the data I'm logging:

1. Data Received by queryFn (Server Response): (This is what the server sent, which includes the newest item, "Test message 11", and total: 10.)
   LOG data {"items": [{"content": "Test message 11", "createdAt": "...", "id": "14df25d9...", ...}, {"content": "Test message 10", ...}], "total": 10}

2. Data Stored in Cache 5 seconds Later (Corrupted State): (This is what queryClient.getQueryData() shows—it's missing "Test message 11" and the total is wrong.)
   LOG cacheData: {"items": [{"content": "Test message 10", ...}, {"content": "Test message 9", ...}], "total": 9}

The issue occurs despite this configuration:

const result = useInfiniteQuery({
    // ... config
    queryKey: [queryKey, ...Object.values(params)],
    queryFn: async ({ pageParam }) => {
      const { data } = await queryFn(params, { pageParam, size });
      console.log('key', [queryKey, ...Object.values(params)]);
      console.log('data', data);

      setTimeout(() => {
        const cacheData = queryService.client.getQueryData([
          queryKey,
          ...Object.values(params),
        ]);
        console.log('cacheData:', cacheData?.pages[0]);
      }, 5000);

      return data;
    },
    // ...
    structuralSharing: false, // Explicitly disabled
    // ...
});