That is how you can reuse the Mutation component from React Apollo client

apollo-custom-mutation.md

const DeleteItemMutation = ({ id, render }) => (
  <Mutation mutation={DELETE_ITEM_MUTATION}>
    {mutate =>
      render({
        deleteItem: id => {
          mutate({
            variables: { id },
            // optimisticResponse
            // update
          });
        },
      })
    }
  </Mutation>
);

const Item = ({ id }) => (
  <DeleteItemMutation
    id={id}
    render={({ deleteItem }) => (
      <li>
        <button onClick={() => deleteItem()}>Delete</button>
      </li>
    )}
  />
);