useQueryErrorResetBoundary

This hook will reset any query errors within the closest QueryErrorResetBoundary. If there is no boundary defined it will reset them globally:

1 import { useQueryErrorResetBoundary } from 'react-query'
2 import { ErrorBoundary } from 'react-error-boundary'
3 
4 const App: React.FC = () => {
5   const { reset } = useQueryErrorResetBoundary()
6   return (
7     <ErrorBoundary
8       onReset={reset}
9       fallbackRender={({ resetErrorBoundary }) => (
10         <div>
11           There was an error!
12           <Button onClick={() => resetErrorBoundary()}>Try again</Button>
13         </div>
14       )}
15     >
16       <Page />
17     </ErrorBoundary>
18   )
19 }