title: TypeError: (0 , this.props.children) is not a function react + apollo
body: <p>I have <code>MyExampleComponent</code> like this</p>
  
  <pre><code>&lt;Query query={GET_UPGRADE_OFFER}&gt;
              {({loading, error, data}) =&gt; {
                  if (!loading &amp;&amp; !error) {
                      return (&lt;Mutation mutation={GET_UPGRADE_QUOTE}&gt;
                          {(mutateIntegration, response) =&gt; (
                              &lt;MyComponent mutateIntegration={mutateIntegration} {...response} data={data} /&gt;
                          )}
                      &lt;/Mutation&gt;);
  
                  }
                  return null;
              }};
          &lt;/Query&gt;
  </code></pre>
  
  <p>I have a component like this. Query wraps a Mutation. I want to pass the data from Query to Mutation</p>
  
  <p>It throws an error in console <code>TypeError: (0 , this.props.children) is not a function</code></p>
  
  <p>This component is being called from another component </p>
  
  <pre><code>&lt;Query&gt;
    &lt;ApolloConsumer&gt;
      &lt;MyExampleComponent /&gt;
    &lt;/ApolloConsumer&gt;
  &lt;/Query&gt;
  </code></pre>