This hook will reset any query errors within the closest QueryErrorResetBoundary
. If there is no boundary defined it will reset them globally:
tsx
import { useQueryErrorResetBoundary } from '@tanstack/react-query'import { ErrorBoundary } from 'react-error-boundary'const App = () => {const { reset } = useQueryErrorResetBoundary()return (<ErrorBoundaryonReset={reset}fallbackRender={({ resetErrorBoundary }) => (<div>There was an error!<Button onClick={() => resetErrorBoundary()}>Try again</Button></div>)}><Page /></ErrorBoundary>)}
tsx
import { useQueryErrorResetBoundary } from '@tanstack/react-query'import { ErrorBoundary } from 'react-error-boundary'const App = () => {const { reset } = useQueryErrorResetBoundary()return (<ErrorBoundaryonReset={reset}fallbackRender={({ resetErrorBoundary }) => (<div>There was an error!<Button onClick={() => resetErrorBoundary()}>Try again</Button></div>)}><Page /></ErrorBoundary>)}
“This course is the best way to learn how to use React Query in real-world applications.”—Tanner LinsleyCheck it out