Apollo client 3 evict object from cache

Question

Using apollo client 3. Queried all countries and want to remove one country from cache and re-render UI.

Codesandbox

Tried like below;

onClick={() => {
 cache.evict({ id: `Country:${country.code}` });
 cache.gc();
}}

But didn't work. How to evict a country?

Chopin

Answer 1

Eviction should be used this way;

onClick={() => {
   cache.evict({ id: cache.identify(country) });
   cache.gc();
}}

Now the country removed and page rerendered. Sandbox updated

Chopin

I get TypeError: cache.identify is not a function in the console? – Mountbatten

when hover over cache, it should be infered as InMemoryCache. – Chopin