title: React Query - query is not using cache?
body: <p>I have the following definition of <code>useQuery</code> that i use in a couple of React components:</p>
  <pre><code>useQuery(&quot;myStuff&quot;, getMyStuffQuery().queryFn);
  </code></pre>
  <p>Where <code>getMyStuffQuery</code> looks like this:</p>
  <pre><code>export const getMyStuffQuery = () =&gt; {
      return {
      queryFn: () =&gt; makeSomeApiCall(),
  }}
  </code></pre>
  <p>I would expect that although all of those components render, <code>makeSomeApiCall()</code> would only make an API call once, and the rest of the time will use the cache resulted in from this first call.</p>
  <p>However, it seems like it keeps calling <code>makeSomeApiCall()</code> again and again, whenever any of said components renders.</p>
  <p>Why is React Query not using the cache? Am i doing something wrong?</p>