title: Error while wrapping a component in a graphql query
body: <p>I'm using an Apollo client to send request to a GraphQL server.</p>
  <p>So I wrapped a react component in a GraphQL function in this way</p>
  <pre><code>GraphQL(query)(HomeView);
  </code></pre>
  <p>An I got this error:</p>
  <blockquote>
  <p>Argument of [object Object] passed to parser was not a valid GraphQL
  DocumentNode. You may need to use 'graphql-tag' or another method to
  convert your operation into a document</p>
  </blockquote>
  <p>How may I resolve this issue?</p>
  <p>Here is my component code:</p>
  <pre><code>import React, {Component} from 'react';
  
  import { graphql } from 'react-apollo';
  import gql from 'graphql-tag';
  
  const query = {
      query: gql`
          {
              hello
          }
      `
  };
  
  class HomeView extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;h1&gt;Home&lt;/h1&gt;
              &lt;/div&gt;
          );
      }
  }
  
  export default graphql(query)(HomeView);
  </code></pre>