Function: Catch()

Catch(props): Node

Error boundary. Catches a throw while building its children and a throw during any nested dynamic-region rebuild (Show/Dynamic/dyn), disposes the failed subtree's ownership, and renders fallback instead. reset re-renders the children from scratch.

Children must be a thunk — eager JSX would run (and throw) before Catch gets control:

tsx

<Catch fallback={(e, reset) => <button onClick={reset}>retry</button>}>
  {() => <Risky />}
</Catch>

Not covered: throws inside binding map functions (keep them pure) and inside listen effects. Async/IO errors never throw at all — perform and resource deliver them as data. An error thrown by fallback itself escalates to the next boundary up.

Parameters

props

children

Child | (() => Child)

fallback

(error, reset) => Child

Returns

Node

Function: Catch() ​

Parameters ​

props ​

children ​

fallback ​