response in providesTags is not currentCache

[grtan]

response in providesTags is not currentCache when use with merge, response in here is the result of each request, not results of all requests

I try store.getState(), but it throw an error

    providesTags(response, error, {domainId}) {
          /**
           * response in here is the result of each request, not results of all requests
           * so we need get the complete cache
           */
           ({data: response} = api.endpoints.getMigrations.select({
             domainId,
           })(store.getState()));

          return response
            ? [
                ...migrationsAdapter
                  .getSelectors()
                  .selectIds(response)
                  .map((id) => ({
                    type: TYPE.MIGRATION,
                    id: JSON.stringify([domainId, id]),
                  })),
                {
                  type: TYPE.MIGRATION,
                  id: JSON.stringify([domainId, 'LIST']),
                },
              ]
            : [
                {
                  type: TYPE.MIGRATION,
                  domainId: JSON.stringify([domainId, 'LIST']),
                },
              ];
        },

How to get the complete currentCache in providesTags?

[mcdamo]

When using merge for infinite scroll I think providesTags needs to have access to currentCache.

A workaround is to manually merge cache in the query so that providesTags will receive the full list of items. Adapted from original post by @michalstrzelecki in #1163 (comment)

import {
  defaultSerializeQueryArgs as serializeQueryArgs
} from '@reduxjs/toolkit/query/react';
...
    getPosts: build.query({
      async queryFn(arg, api, extraOptions, fetchWithBQ) {
        const state = api.getState();
        const response = await fetchWithBQ({
          url: 'posts',
          params: arg,
        });
        if (arg.page > 1) {
          const lastQueryKey = serializeQueryArgs({
            endpointName: api.endpoint,
            queryArgs: args,
          });
          const lastCacheEntry = state.api.queries[lastQueryKey]?.data;
          if (lastCacheEntry === undefined) {
            return response;
          }
          return {
            ...response,
            data: {
              ...lastCacheEntry,
              ...response.data,
              data: [...lastCacheEntry.data, ...response.data.data], // append list data
            },
          };
        }
        return response;
      }
    });