ran-boilerplate/components/PostUpvoter/store.js

React . Apollo (GraphQL) . Next.js Toolkit

import { graphql } from 'react-apollo';
import upvotePostGql from './upvotePost.gql';

const withMutation = graphql(upvotePostGql, {
  props: ({ ownProps, mutate }) => ({
    upvote: (id, votes) =>
      mutate({
        variables: { id, votes },
        optimisticResponse: {
          __typename: 'Mutation',
          updatePost: {
            __typename: 'Post',
            id: ownProps.id,
            votes: ownProps.votes + 1
          }
        }
      })
  })
});

export default comp => withMutation(comp);