title: How to tackle No QueryClient set, use QueryClientProvider to set one in React Query v3
body: <p>My code looks like this :</p>
  <pre><code>import { useQuery, QueryClientProvider, QueryClient } from 'react-query'
  import React from 'react'
  
  const queryClient = new QueryClient()
  
  const fetchData = async () =&gt; {
    return (await fetch(`http://jservice.io/api/random?count=50`)).json()
  }
  
  function App() {
  
    const [isLoading, error, data] = useQuery('qa', fetchData)
  
    console.log(data)
  
  
    return (
  
      &lt;QueryClientProvider client={queryClient}&gt;
        &lt;div className=&quot;App&quot;&gt;
        &lt;/div&gt;
      &lt;/QueryClientProvider&gt;
  
    );
  }
  
  export default App;
  </code></pre>
  <p>I have used the exact example from React Query v3 and still get</p>
  <pre><code>Error: No QueryClient set, use QueryClientProvider to set one
  </code></pre>
  <p>I am at the verge of giving up the library altogether and resort to alternatives.</p>