rejected promises triggered by devtools causes crash

[yinghaochan]

Describe the bug
If there's a query which throws, usually const { status, data, error } = useQuery(...) one would just use error and render the error in jsx

However, if that throw is the result of clicking refetch in the devtools, the entire app crashes (see screenshot)

To Reproduce
Steps to reproduce the behavior:
https://codesandbox.io/s/strange-drake-9dyow?resolutionWidth=320&resolutionHeight=675&file=/pages/index.js

1. Open the repro demo in browser
2. wait for a auto refetch to fail (it fails 50% of the time)
3. See the page change
4. hit refetch in devtools until it fails
5. app crashes

Expected behavior
App does not explode :P

Screenshots
when rejected naturally:

When 'refetched' by devtools:

Desktop (please complete the following information):

• OS: macOS
• Browser: chrome
• Version: canary

[TkDodo]

confirmed. seems like a good first issue since a fix would be non-production impacting. do you want to give it a shot?

[yinghaochan]

Thanks for the quick response!
I could get to fixing it in a week or so, if no one else has worked on it by then.

[TkDodo]

sounds good 👍

[prateek3255]

Hey @TkDodo, I opened a fix for this issue with #2344

[tannerlinsley]

🎉 This issue has been resolved in version 3.16.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀