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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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