Skip to content

Feature/server error page and boundries - #521

Open
awwalmust wants to merge 6 commits into
Stellar-Search:mainfrom
awwalmust:Feature/Server-error-page-and-boundries
Open

Feature/server error page and boundries#521
awwalmust wants to merge 6 commits into
Stellar-Search:mainfrom
awwalmust:Feature/Server-error-page-and-boundries

Conversation

@awwalmust

@awwalmust awwalmust commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Description

Resolves #349

Implements application-wide and localized React Error Boundaries alongside a custom _error.tsx page to prevent unhandled render exceptions from unmounting the tree to a blank white screen.

Key Changes

  • Global & Local Error Boundaries (frontend/components/ErrorBoundary.tsx):
    • Implemented ErrorBoundary class component with getDerivedStateFromError and componentDidCatch.
    • Added route-change reset behavior via keying on router.asPath in _app.tsx.
  • Server Error Page (frontend/pages/_error.tsx):
    • Added custom SSR error page handling server-side rendering exceptions.
  • Widget Isolation:
    • Wrapped high-risk components (TransactionGraphVisualizer, charts, map widgets) in isolated local boundaries with inline fallbacks.
  • Unit Testing (frontend/__tests__/ErrorBoundary.test.tsx):
    • Added test suite confirming that child render throws trigger fallback UI without unmounting parent components.

Acceptance Criteria Checklist

@awwalmust
awwalmust force-pushed the Feature/Server-error-page-and-boundries branch from 42b9d82 to 92bcc68 Compare August 27, 2026 08:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Frontend: There is no React error boundary anywhere in the frontend, so any render-time throw blanks the page

2 participants