coryhouse / coryhouse/react-restaurant-scriptpro

Add error boundaries (route-level + global)

Open
#37 0 comments 0 reactions 0 assignees View on GitHub
enhancement phase-8-resilience
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

## Goal
Add a route-level error component for TanStack Router and a global `ErrorBoundary` fallback for unexpected render errors. Trigger one on purpose to demonstrate.

## Acceptance criteria
- [ ] Each major route exports an `errorComponent`
- [ ] A global `ErrorBoundary` wraps the app root
- [ ] Throwing inside a child component shows the fallback UI
- [ ] Reset button recovers without a full page reload

Contributor guide

No contributing guide indexed for this repository

Research direction

Locate the app root, the major TanStack Router routes, and the child component used to trigger an error. Read how routes and the root are currently composed, then intentionally trigger the child error to verify the fallback and reset behavior. Done means every major route has an error component, the root has a global ErrorBoundary, and recovery works without a full page reload.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.