title: Invariant violation when using react apollo hooks alongside query components
body: <p>I'm beginning our migration from Apollo Client 2.x to 3.x beta, and I'm having trouble using both the apollo hooks and the now deprecated query/mutation components.</p>
  
  <p>I'm using the packages:</p>
  
  <pre><code>@apollo/client: 3.0.0-beta.4
  @apollo/react-components: 3.1.3
  </code></pre>
  
  <p>Using the apollo hooks works fine in this case, but using the query component, I get the following error:</p>
  
  <blockquote>
    <p>Invariant Violation
        Could not find "client" in the context or passed in as an option.
        Wrap the root component in an , or pass an ApolloClient instance in via options.</p>
  </blockquote>
  
  <p>I've created a codesandbox that shows this issue here:
  <a href="https://codesandbox.io/s/react-example-9p9ym" rel="noreferrer">https://codesandbox.io/s/react-example-9p9ym</a></p>
  
  <p>I think the issue is with the source of the <code>ApolloProvider</code> I'm using, but not sure which package to get that from if I want to use the new beta, while still using the query components.</p>