How to get model from cache by id and __typename

I want to get model from the cache and update it having a model id and __typename. So, instead of:

    const data = proxy.readQuery({ query: TodoAppQuery });
    data.todos.push(createTodo);
    proxy.writeQuery({ query: TodoAppQuery, data });

do following:

    const model = proxy.readModel(__typename, id);
    model.todos.push(createTodo);
    proxy.writeModel(model);

This approach is much cleaner and readable, produces less boilerplate code and prevents confusion on what query to use to get and update the model (when I have multiple queries returning same models, for example TodoByIdQuery and TodoListQuery)

[tushar-singh]

I was also looking for this. Looks like you can do it using client.cache.data.get (at least if you’re using apollo-cache-inmemory)

<ApolloConsumer>
    {client => (
        <button
            onClick={() => {
                // get item from cache
                const item = client.cache.data.get(`TypeName:${id}`);
                
                // set new value
                client.cache.data.set(`TypeName:${id}`, {
                    ...item,
                    key: 'updated_value',
                });
                
                // update query components to reflect updated value
                client.cache.broadcastWatches();
            }}
        >
            update item
        </button>
    )}
</ApolloConsumer>

This approach probably has pitfalls that I’m not aware of, so use only if you must

[jedwards1211]

Of if you use a custom dataIdFromObject function you can use that to get the cache keys