mutation.js

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

const ADD_BOOK = gql`
  mutation AddNewBook($title: String!) {
    addBook(title: $title) @client {
      id
      title
    }
  }
`;

const NewBook = () => (
  <Mutation mutation={ADD_BOOK}>
    {(addBook) => (
      <BookForm onBook={(title) => addBook({variables: {title}}) }>
    )}
  </Mutation>
);