Make useQuery() return isRetrying

[Lesik]

Hi,

I only recently started using React-Query, my apologies if I misunderstood something.

I felt it might be a cool feature if useQuery() could also return isRetrying in order to show some kind of "Whoops, this is taking longer than expected, hang in tight" for better UX. If your query is large and takes a while to load, but fails and you have retries set to true, the user is presented with a very long-lasting loading page with no feedback what's happening.

Example use case:

const { isLoading, isRetrying, data } = useQuery();

if (isRetrying) {
  return <p>Whoops, this is taking longer than expected, hang in tight!</p>;
}
if (isLoading) {
  return <p>Loading...</p>;
}

[TkDodo]

I think the returned failureCount would help in this case.