Skip to content

Add comprehensive error boundary for each route section #486

Description

@Wilfred007

What

Some routes lack ErrorBoundary wrappers. When components crash, the entire app goes white. Ensure every route has an ErrorBoundary with a meaningful fallback.

Why

A single component error shouldn't crash the whole app. Error boundaries isolate failures to individual routes.

Scope

In scope: Ensure every route has ErrorBoundary, add "Try Again" button to fallbacks, log errors to Sentry
Out of scope: Error reporting service setup

Acceptance Criteria

  • Every route wrapped in ErrorBoundary
  • Fallback shows error message and "Try Again" button
  • Error doesn't propagate to parent routes
  • Console shows component stack trace in dev mode

Technical Context

  • frontend/src/components/ErrorBoundary.tsx — existing boundary
  • frontend/src/components/ErrorFallback.tsx — existing fallback
  • frontend/src/App.tsx — route definitions

Metadata

Metadata

Assignees

No one assigned

    Labels

    GrantFox OSSIssue tracked in GrantFox OSSMaybe RewardedIssue may be eligible for a GrantFox rewardThird CampaignCampaign: Third CampaigneasySimple tasksfrontendFrontend development

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions