title: How to use client.query without JSX components in Apollo Client?
body: <p>I'm trying to make a query in Apollo Client with React without returning a JSX component, just an object (the <code>data</code> object that is received when making a common query to Apollo Server).</p>
  
  <p>I tried using <code>&lt;Query /&gt;</code> component, but it returns me a React Node and I only need an object. The documentation only explain methods that return JSX components at some point, when all that I'm looking to do is send a request and process the response in a callback.</p>
  
  <p>Actually I'm trying this way (I'm using TypeScript in React):</p>
  
  <pre><code>import React from 'react';
  import { withApollo } from 'react-apollo';
  import gql from 'graphql-tag';
  
  const MY_QUERY = gql`
    query MY_QUERY {
      myQuery {
        attr1
        attr2
      }
    }
  `;
  
  const res = ({ client }: { client: any }) =&gt;
    client
      .query(MY_QUERY)
      .then((data: { data: any }) =&gt; data);
  
  withApollo(res);
  
  console.log(res);
  </code></pre>
  
  <p>With this, what I'm looking is for a object like </p>
  
  <pre><code>{
    "data": {
      "myQuery": [
        {
          "attr1": "something 1...",
          "attr2": "another thing 1..."
        },
        {
          "attr1": "something 2...",
          "attr2": "another thing 2..."
        },
        {
          "attr1": "something 3...",
          "attr2": "another thing 3..."
        }
      ]
    }
  }
  </code></pre>
  
  <p>But what I'm receiving from the browser is</p>
  
  <pre><code>ƒ WithApollo(props) {
      var _this = _super.call(this, props) || this;
  
      _this.setWrappedInstance = _this.setWrappedInstance.bind(_this);
      return _this;
  }
  </code></pre>
  
  <p>Any suggestion?</p>