keyArgs for lazy load

Help
1

I’m building a lazy-loaded list and I’m trying to set the keyArgs to merge all the calls into a single list:

query GetCreditedRealEventBatch($companyId: Int!, $offset: Int, $limit: Int) {
  albumBatch: eventConnections(
    where: {creditedCompanyId: {_eq: $companyId}, event: {publishedAt: {_is_null: false}, company: {id: {_neq: $companyId}}}}
    order_by: {displaySortOrder: asc}
    offset: $offset
    limit: $limit
  ) {
    ...RealEventSearchResult
    __typename
  }
}
...

…but when I look in the Apollo Dev tools, they all appear separate:

Screenshot 2024-09-17 at 10.01.46 PM
Screenshot 2024-09-17 at 10.01.46 PM2150×854 106 KB

What should the keyArgs be?

2

I thought it would be this…

      typePolicies: {
        Query: {
          fields: {
            eventConnections: {
              keyArgs: ["where", ["creditedCompanyId", ["_eq"]]],
            },
          },
        },
      },

…but even if I run multiple queries, the cache only contains three items:

image
image1944×592 49.5 KB

3

It seems that the merge function must always be provided:

typePolicies: {
        Query: {
          fields: {
            eventConnections: {
              keyArgs: ["where", ["creditedCompanyId", ["_eq"]]],
              merge(existing = [], incoming) {
                return [...existing, ...incoming];
              },
            },
          },
        },
      },