ErrorBoundary() — ui Function Reference

Architecture documentation for the ErrorBoundary() function in notes.$noteId.tsx from the ui codebase.

Function tsx FrameworkTooling TemplateSync

Entity Profile

FrameworkTooling→ TemplateSync→ ErrorBoundary() — ui Function Reference

Dependency Diagram

graph TD
  e366f37e_189a_fe3f_240c_24dd09f75e75["ErrorBoundary()"]
  c50c71cf_2f76_a310_0a77_25e34e7779ce["notes.$noteId.tsx"]
  e366f37e_189a_fe3f_240c_24dd09f75e75 -->|defined in| c50c71cf_2f76_a310_0a77_25e34e7779ce
  style e366f37e_189a_fe3f_240c_24dd09f75e75 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/test/fixtures/frameworks/remix-indie-stack/app/routes/notes.$noteId.tsx lines 54–70

export function ErrorBoundary() {
  const error = useRouteError();

  if (error instanceof Error) {
    return <div>An unexpected error occurred: {error.message}</div>;
  }

  if (!isRouteErrorResponse(error)) {
    return <h1>Unknown Error</h1>;
  }

  if (error.status === 404) {
    return <div>Note not found</div>;
  }

  return <div>An unexpected error occurred: {error.statusText}</div>;
}