title: Apollo Client Error, Objects are not valid as a React child (found: [object Promise])
body: <p>I'm getting a weird error when attempting to do async/await on my graphql query. Not sure what to do here.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from "react";
  import { ApolloConsumer } from 'react-apollo';
  import Landing from '../modules/landing/index.js';
  import getUser from '../shared/services/get-user';
  
  export default class extends Component {
    checkLoggedIn = async (client) =&gt; {
      const response = await getUser(client);
      console.log(response);
    }
  
    render() {
      return (
        &lt;ApolloConsumer&gt;
          {client =&gt; (
            &lt;div&gt;
              {this.checkLoggedIn(client)}
              &lt;Landing /&gt;
            &lt;/div&gt;
          )}
        &lt;/ApolloConsumer&gt;
      )
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>If I remove the async await syntax, the app proceeds to execute my getUser query. However, when I try to do this with async/await. My app shows the error above. Is there something about ApolloConsumer that I do not understand?</p>