title: TypeError: Cannot read properties of undefined (reading 'watchQuery')
body: <p>I try to make graphql connection from react app.
  My index.js:</p>
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  import { ApolloProvider } from '@apollo/client'
  import { createClient } from 'graphql-ws';
  
  const client = createClient({
    url: '&lt;some url&gt;',
    connectionParams: {
      authToken: '&lt;some token&gt;',
    },
  });
  
  ReactDOM.render(
    &lt;ApolloProvider client={client}&gt;
      &lt;App /&gt;
    &lt;/ApolloProvider&gt;
    ,
    document.getElementById('root')
  );
  </code></pre>
  <p>My App.js:</p>
  <pre><code>import { gql, useSubscription, useQuery } from '@apollo/client'
  
  
  const QUERY = gql`query SomeName{
    test_tablesList {
      items {
        id
        num
      }
    }
  }`;
  
  
  function App() {
    const { data, loading } = useQuery(QUERY);
    return (
      &lt;h1&gt;Hi there&lt;/h1&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>When I run it console argues:</p>
  <p>useQuery.ts:31 Uncaught TypeError: Cannot read properties of undefined (reading 'watchQuery')
  at useQuery (useQuery.ts:31:1)
  at App (App.js:25:1)</p>
  <p>react-dom.development.js:18525 The above error occurred in the  component:</p>
  <pre><code>at App (http://localhost:3000/main.cf5965058b2b7700d166.hot-update.js:48:63)
  at ApolloProvider (http://localhost:3000/static/js/bundle.js:51749:19)
  </code></pre>
  <p>What do I do wrongly?</p>