InMemoryCache: Data with null arguments not merged with data without arguments in

Intended outcome:

• write to cache for items { ...} with 1 item
• write to cache for items(foo: $foo) { .. } with 2 items, with $foo being null or undefined
• read form cache for items { ... }
• Expect result is 2

Actual outcome:

Result is 1

How to reproduce the issue:

https://codesandbox.io/s/vibrant-sun-fkcn5?file=/src/index.jsx:129-142

import { ApolloClient, InMemoryCache, gql } from "@apollo/client";

const client = new ApolloClient({
  cache: new InMemoryCache()
});

client.writeQuery({
  query: gql`
    query {
      items {
        id
      }
    }
  `,
  data: {
    items: [
      {
        id: 1,
        __typename: "Item"
      }
    ]
  }
});

client.writeQuery({
  query: gql`
    query($foo: Int) {
      items(foo: $foo) {
        id
      }
    }
  `,
  data: {
    items: [
      {
        id: 1,
        __typename: "Item"
      },
      {
        id: 2,
        __typename: "Item"
      }
    ]
  }
});

const { items } = client.readQuery({
  query: gql`
    query {
      items {
        id
      }
    }
  `
});

console.log(items.length);

In the app I’m working on. I can see from Apollo devtools that these two entries are lists using different keys.

Versions

    "@apollo/client": "^3.4.13",
    "graphql": "^15.6.0",

[layerssss]

@louisholley sadly not. Kinda like a workaround I’ve changed my code to always include an argument (in my case limit: 20 for paging). Then combined with “null-arg” being set to undefined.

In short:

const { items } = client.readQuery({
  query: gql`
    query($searchTerm: String) {
      items(limit: 20, searchTerm: $searchTerm) {
        id
      }
    }
  `, { searchTerm: undefined }
});

reads the same cache as

const { items } = client.readQuery({
  query: gql`
    query {
      items(limit: 20) {
        id
      }
    }
  `
});

[louisholley]

@layerssss did you ever find a solution to this?