Skip to content

feat: add error boundary for crash recovery #14

@EmeditWeb

Description

@EmeditWeb

Problem

If any component throws an uncaught error the
entire app goes blank with no recovery option.

What To Build

Create src/components/ErrorBoundary.tsx:
A React class component error boundary that catches
render errors and shows a fallback UI with a
Reload Page button.

Wrap the root Router in ErrorBoundary.
Also wrap each page individually so one page
crash does not break the whole app.

Files To Touch

  • src/components/ErrorBoundary.tsx (new)
  • src/main.tsx

Acceptance Criteria

  • Error boundary catches render errors
  • Fallback UI shows with Reload button
  • Error details logged to console
  • Other pages still work after one crashes

Mandatory Checks Before PR

  • npm run build passes
  • PR references this issue

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions