apollo-toolkit

example.ts

// Before

this.addTransactionGQL.mutate(
  { input },
  {
    update: (cache, result) => {
      const data = cache.readQuery<GetTransactions.Query>({
        query: GET_TRANSACTIONS_QUERY
      });

      cache.writeQuery<GetTransactions.Query>({
        query: GET_TRANSACTIONS_QUERY,
        data: {
          ...data,
          transactions: [result.data.addTransaction, ...data.transactions]
        }
      })
    },
  },
);

// After

import { update } from 'apollo-toolkit';

this.addTransactionGQL.mutate(
  { input },
  {
    update: update((cache, result) => {
      cache.patchQuery<GetTransactions.Query>(
        {
          query: GET_TRANSACTIONS_QUERY,
        },
        data => {
          data.transactions.unshift(result.data.addTransaction);
        },
      );
    }),
  },
);