add-book.jsx

import React from 'react';
import { Mutation } from '@loona/react';

export default props => (
  <Mutation mutation={ADD_BOOK}>
    {addBook => (
      <button onClick={() => addBook({
        variables: {
          title: props.title
        },
        // update() {
        //   we keep it all inside of the state class
        //   otherwise it would be hard to persist those store updates
        // }
      })}> Submit </button>
    )}
  </Mutation>
);