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
Mandatory Checks Before PR
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
Acceptance Criteria
Mandatory Checks Before PR