title: 'TypeError: parse is not a function' when using gql
body: <p>I started out with <a href="https://levelup.gitconnected.com/using-graphql-api-with-node-js-and-react-forms-8b13f4b26361" rel="nofollow noreferrer">this</a> tutorial to learn graphql and reactjs and modified it.
  Now I'm getting this error when trying to call gql:
  <a href="https://i.stack.imgur.com/3evXm.png" rel="nofollow noreferrer">graphql error</a></p>
  
  <p>This is the class that performs the call:</p>
  
  <pre><code>import React from 'react';
  import gql from 'graphql-tag';
  import { graphql } from 'react-apollo'
  
  class BookForm extends React.Component {
  
      constructor(props) {
          super(props);
          this.state = {
              title: '',
              author: '',
              src: '',
          };
          this.handleChange = this.handleChange.bind(this);
          this.handleSubmit = this.handleSubmit.bind(this);
      }
  
      handleChange(event) {
          this.setState({[event.target.name]: event.target.value });
      }
  
      handleSubmit = (e) =&gt; {
          this.props.addBook({
              variables: {
                  author: this.state.author,
                  title: this.state.title,
                  src: this.state.src
              }
          });
      }
  
      render() {
          return (
              &lt;form className="book__form" onSubmit={this.handleSubmit}&gt;
                  &lt;label&gt;
                      Title:
                      &lt;input type="text" name="title" value={this.srtate.title} onChange={this.handleChange} /&gt;
                  &lt;/label&gt;
                  &lt;label&gt;
                      Author:
                      &lt;input type="text" name="author" value={this.state.author} onChange={this.handleChange} /&gt;
                  &lt;/label&gt;
                  &lt;label&gt;
                  Src:
                  &lt;input type="text" name="src" value={this.state.src} onChange={this.handleChange}/&gt;
                  &lt;/label&gt;
                  &lt;label&gt;
                      &lt;input type="submit" value="Submit" /&gt;
                  &lt;/label&gt;
              &lt;/form&gt;
          );
      }
  }
  
  
  const addBook =  gql `mutation addBook ($author: String!, $title: String!, $: ID!) {
      addBook(author: $author, title: $title, src: $src) {
        id,
        author,
        title,
        src,
      }
    }`
  
  const addBookWithMutation = graphql(addBook)(BookForm);
  export default addBookWithMutation;
  </code></pre>
  
  <p>Query-ing graphql returns all the data but now when I'm trying to add new data I'm not getting anywhere.
  Am I doing something wrong in my code or is this a problem with graphql-tag?</p>
  
  <p>Thanks</p>