title: GraphQL "Must provide a query string" graphql-tag react-apollo
body: <p>I'm using react-apollo and graphql-tag but something seems to fail. The server is running on express &amp; postgraphile.</p>
  
  <p>Am I doing something wrong?
  <hr>
  Postman (working):</p>
  
  <pre><code>{
      "query": "{\n  allPosts(first:10) {\n    nodes {\n    \tnodeId,\n      id,\n      content\n    }\n  }\n}"
  }
  </code></pre>
  
  <hr>
  
  <p>React (failing);</p>
  
  <p><code>Status Code: 400 Bad Request
  Response: {"errors":[{"message":"Must provide a query string."}]}</code></p>
  
  <p>Code:</p>
  
  <pre><code>export const allPostsQuery = gql`
    {
      allPosts(first: 10) {
        nodes {
          nodeId,
          id,
          content
        }
      }
    }
  `;
   . . . 
  &lt;Query query={ allPostsQuery }&gt; . . . &lt;/Query&gt;
  </code></pre>
  
  <p>The generated request payload looks accordingly:</p>
  
  <pre><code>{"operationName":null,"variables":{},"query":"{\n  allPosts(first: 10) {\n    nodes {\n      nodeId\n      id\n      content\n      __typename\n    }\n    __typename\n  }\n}\n"}
  </code></pre>
  
  <p>I also tried to run this payload via Postman and it looked all right.</p>
  
  <p>This is my Apollo client config:</p>
  
  <pre><code>return new ApolloClient({
      connectToDevTools: process.browser,
      ssrMode: !process.browser,
      link: new HttpLink({
        uri: 'http://127.0.0.1:8181/graphql',
        credentials: 'include',
        headers: {
          'Content-Type': 'application/json'
        }
      }),
      cache: new InMemoryCache().restore(initialState || {})
  });
  </code></pre>