title: useQuery hook vs queryClient.fetchQuery, when to prefer one over the other
body: <p><code>queryClient.fetchQuery</code> can be used in place of <code>useQuery</code> hook provided by react-query. Any guidelines, best practices on in which scenario, one should be preferred over other.</p>
  <p>One scenario might be where we want to conditionally fetch data. So, queryClient.fetchQuery looks more natural while useQuery hook not.</p>
  <p>Is the above logic correct? Please advise on the best practise of using one over the other</p>