title: No QueryClient set, use QueryClientProvider to set one
body: <p>I was trying to react query for the first time then I got this at the start of my React app.
  <a href="https://i.stack.imgur.com/PwYzN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PwYzN.png" alt="enter image description here" /></a></p>
  <pre><code>import React from 'react'
  import { useQuery } from &quot;react-query&quot;;
  
  const fetchPanets = async () =&gt; {
      const result = await fetch('https://swapi.dev/api/people')
      return result.json()
  }
  
  const Planets = () =&gt; {
      const { data, status } = useQuery('Planets', fetchPanets)
      console.log(&quot;data&quot;, data, &quot;status&quot;, status)
      return (
          &lt;div&gt;
              &lt;h2&gt;Planets&lt;/h2&gt;
          &lt;/div&gt;
      )
  }
  
  export default Planets
  </code></pre>