title: AWS AppSync + React-Apollo Query/useQuery raising exception this.currentObservable.query.getCurrentResult is not a function
body: <p>I'm new to GraphQL/Apollo thing and I'm having a hard time to setup it with a React application.</p>
  
  <p>I have a React component that loads a list from a GraphQL API built using Amplify/AppSync.</p>
  
  <p>If I call manually to fetch the items, i.e:</p>
  
  <pre><code>    const videosData = await client.query({
        query: gql(queries.listVideos)
      });
      const videosItems = videosData.data.listVideos.items;
      setVideosData(videosItems);
  
  </code></pre>
  
  <p>Works like a charm.
  However, if I try to use Apollo Query component or useQuery hook, it raises the following error: </p>
  
  <blockquote>
    <p>TypeError: this.currentObservable.query.getCurrentResult is not a
    function</p>
  </blockquote>
  
  <p>If I just add the line to fetch the query using a hook it already gives me this error</p>
  
  <p>the hook call:</p>
  
  <pre><code>const {loading, error, data, refetch} = useQuery(gql(queries.listVideos));
  </code></pre>
  
  <p>The called function raising the issue:</p>
  
  <pre><code>QueryData.getQueryResult
  node_modules/@apollo/react-hooks/lib/react-hooks.esm.js:325
    322 |     called: true
    323 |   });
    324 | } else {
  &gt; 325 |   var currentResult = this.currentObservable.query.getCurrentResult();
        | ^  326 |   var loading = currentResult.loading,
    327 |       partial = currentResult.partial,
    328 |       networkStatus = currentResult.networkStatus,
  </code></pre>
  
  <p>The exact same problem happens if I use the <code>&lt;Query&gt;</code> component</p>
  
  <p>Packages versions:</p>
  
  <blockquote>
  <pre><code>"aws-amplify": "^1.1.30",
  "aws-amplify-react": "^2.3.10",
  "aws-appsync": "^1.8.1",
  "graphql-tag": "^2.10.1",
  "react-apollo": "^3.0.1",
  </code></pre>
  </blockquote>
  
  <p>Any idea what I might be doing wrong and how to fix it?</p>