title: Relay: Cannot read property 'fetchKey' of null
body: <p>Im trying to use the new relay hooks but getting this error:</p>
  <pre><code>import React, { Fragment, Suspense, useEffect } from 'react';
  import Banner from './banner/Banner.react';
  
  const { graphql, useQueryLoader, usePreloadedQuery } = require('react-relay/hooks');
  
  const query = graphql`
    query HomeQuery {
      viewer {
        id
        email
        ...Banner_viewer
      }
    }
  `;
  
  const HomeContainer = () =&gt; {
    const [queryReference, loadQuery] = useQueryLoader(query);
  
    useEffect(() =&gt; {
      loadQuery({});
      // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);
  
    return (
      &lt;Suspense fallback=&quot;Loading...&quot;&gt;
        &lt;Fragment&gt;
          &lt;Home queryReference={queryReference} /&gt;
        &lt;/Fragment&gt;
      &lt;/Suspense&gt;
    );
  };
  
  const Home = ({ queryReference }) =&gt; {
    const data = usePreloadedQuery(query, queryReference);
    console.log('data:', data);
    return (
      &lt;&gt;
        &lt;Banner viewer={data?.viewer} /&gt;
        &lt;div&gt;HOME PAGE&lt;/div&gt;
      &lt;/&gt;
    );
  };
  
  export default HomeContainer;
  </code></pre>
  <p>Error:</p>
  <pre><code>usePreloadedQuery.js:38 Uncaught TypeError: Cannot read property 'fetchKey' of null
      at usePreloadedQuery (usePreloadedQuery.js:38)
      at Home (Home.jsx:34)
  </code></pre>