Manage Infinite Scrolling for Multiple Users in RTK Query

[Saadbitar]

Hey, I already have redux toolkit in my app and I want to integrate RTK query. I have a Home page with list of post, and I have many users each with his own list of Posts, and I want cache these data each time I go back and forth between screens. Also, each List have infinite scrolling because it's a react-native app where I can do normal pagination with pages

Here is my implementation:

getUserPosts: build.query({
      query: ({ params, userId, status }) => ({
        url: `post/other-user-ads/${status}/${userId}`,
        method: 'GET',
        params,
      }),
      merge: (currentState, incomingState, { arg }) => {
        if (arg?.params?.skip !== 0) {
          return [...currentState, ...incomingState];
        }
        return incomingState;
      },
      forceRefetch: ({ currentArg, previousArg }) => {
        return currentArg?.params?.skip !== previousArg?.params?.skip;
      },
      serializeQueryArgs: ({ endpointName, queryArgs }) => {
        return `${endpointName}_${queryArgs?.userId}_${queryArgs?.params?.skip}`;
      },
      transformResponse: (response) => {
        return response?.data;
      },
      providesTags: (result) => {
        return result
          ? [
              ...result.map(({ _id }) => ({ type: 'Post', id: _id })),
              { type: 'Post', id: 'User' },
            ]
          : [{ type: 'Post', id: 'User' }];
      },
    }),

and here is my function call

const {
    data: ads,
    isFetching,
    isLoading,
    refetch,
  } = useGetUserPostsQuery({
    params: {
      limit: LIMIT,
      skip,
    },
    userId,
    status: sortBy,
  });

return (
    <AdsListComponent
      ads={ads}
      loading={isFetching}
      handleMoreAds={() => {
        setSkip((prev) => prev + LIMIT);
      }}
      noAdsComponent={
        <NoAds
          showButton={false}
          desc={isUserVerified ? t('new_stock') : t('no_ads_found')}
        />
      }
      Header={View}
      footerStyle={styles.footer}
      HeaderStyle={styles.margin}
      onRefresh={refetch}
      isRefreshing={isLoading}
      onPressThreeDot={onPressThreeDot}
      isList
    />
  );

But this is not caching the data properly, each time I go back and forth between the users The data is fetched again from the server. How could I resolve this issue ?