2 way to interact with Apollo Cache

cache.tsx

function clearWishlist2() {
    const cache = apolloClient.cache
    cache.modify({
      id: cache.identify({ __typename: 'GraphqlWishlistItems' }),
      fields: {
        items(existingItemRefs) {
          existingItemRefs.forEach((itemRef: Reference) => {
            cache.modify({
              id: cache.identify(itemRef),
              fields: {
                priceAlertSubscription() {
                  return false
                },
                priceAlerts(refs: Reference[] | null) {
                  refs?.forEach(ref => {
                    cache.evict({ id: cache.identify(ref) })
                  })
                  return null
                },
              },
            })
          })

          return existingItemRefs
        },
      },
    })
  }

function clearWishlist1() {
    const cache = apolloClient.cache
    const storeObjects = Object.values(cache.extract())
    storeObjects
      .filter((item: StoreObject) => item.__typename === 'GraphqlWishlistItem')
      .map((item: StoreObject) => cache.identify(item))
      .forEach(id => {
        cache.modify({
          id,
          fields: {
            priceAlertSubscription() {
              return false
            },
            priceAlerts() {
              return null
            },
          },
        })
      })
    storeObjects
      .filter((item: StoreObject) => item.__typename === 'GraphqlPriceAlert')
      .map((item: StoreObject) => cache.identify(item))
      .forEach(id => {
        cache.evict({
          id,
        })
      })
  }