useQueryErrorResetBoundary

function useQueryErrorResetBoundary(): QueryErrorResetBoundaryValue;

import { useErrorBoundary } from 'preact/hooks'
import type { ComponentChildren } from 'preact'
import { useQueryErrorResetBoundary } from '@tanstack/preact-query'

function App({ children }: { children: ComponentChildren }) {
  const { reset } = useQueryErrorResetBoundary()
  const [error, resetError] = useErrorBoundary(() => reset())

  if (error) {
    return (
      <div>
        There was an error!
        <button onClick={() => resetError()}>Try again</button>
      </div>
    )
  }

  return children
}