T
TanStack•13mo ago
mute-gold

How to disable retries when network request is cancelled?

I have a situation where I need to imperatively call queryClient.fetchQuery() to fetch data. Sometimes the network request from this query get cancelled by Chrome where the network status is "(canceled)" (see image). Is there a way to disable retries when this happens? Thank you!
No description
3 Replies
extended-salmon
extended-salmon•13mo ago
How about a retry function? This is pseudo code obviously. 
useQuery({
  queryFn: () => {
     if (response.status === 'canceled') {
       throw new Error('canceled');
     }
  },
  retry: (failureCount, error) => {
    if (error.message === "canceled") {
      return false;
    }

      return failureCount < 3;
    },
  }
});
useQuery({
  queryFn: () => {
     if (response.status === 'canceled') {
       throw new Error('canceled');
     }
  },
  retry: (failureCount, error) => {
    if (error.message === "canceled") {
      return false;
    }

      return failureCount < 3;
    },
  }
});
optimistic-gold
optimistic-gold•13mo ago
yeah this is how you'd do it. If you know the error is a "canceled" error (not sure if we get that from fetch), then you can implement a retry function that checks for that. That's exactly why retry can be a function 🙂
mute-gold
mute-goldOP•13mo ago
Thanks all. The above is what I tried to do at first. For some reason, the retry hook isn't being called when this happens. The client doing the fetching is a custom wrapper around Axios. I need to dig in more to see why the error thrown by it is not triggering retry.

Did you find this page helpful?