Example Apollo higher-order component for mutations

word.js

import { graphql } from 'react-apollo'
import { UPDATE_WORD_MUTATION } from '<GraphQL query strings file>'

export const withUpdateWord = cc =>
  graphql(UPDATE_WORD_MUTATION, {
    props: ({ mutate }) => ({
      updateWord: ({ id, newData, optimisticNewModel }) => {
        return mutate({
          variables: {
            id,
            ...newData,
          },
          context: {
            debounceKey: `updateWord:${id}`,
          },
          optimisticResponse: {
            __typename: 'Mutation',
            word: {
              __typename: 'Word',
              ...optimisticNewModel,
            },
          },
        })
      },
    }),
    withRef: true,
  })(cc)