[BUG] Missing React error boundaries mean a single failed API component crashes the entire dashboard UI

[anshul23102]

Problem

The dashboard renders multiple independent data widgets (streak, PR metrics, commit graph, language breakdown). If any one of them throws a JavaScript error during rendering (e.g., due to an unexpected API response shape), React unmounts the entire component tree and shows a blank page. Users lose visibility into all other dashboard sections because of a failure in just one widget.

Steps to Reproduce

1. Modify the GitHub stats API to return null for the streak field
2. Load the dashboard
3. Observe the entire page goes blank rather than just the streak widget showing an error state

Expected Behavior

A failed widget should show an inline error placeholder while all other widgets continue to render normally.

Proposed Fix

Wrap each independent widget in an ErrorBoundary component:

class ErrorBoundary extends React.Component {
  state = { hasError: false };
  static getDerivedStateFromError() { return { hasError: true }; }
  render() {
    if (this.state.hasError) {
      return <WidgetErrorFallback message="Could not load this section." />;
    }
    return this.props.children;
  }
}

// Usage
<ErrorBoundary><StreakWidget /></ErrorBoundary>
<ErrorBoundary><PRMetricsWidget /></ErrorBoundary>

Complexity: Level 2 | Program: GSSOC '26

[BCA-krishna]

Hi @Priyanshu-byte-coder , I'd like to work on this issue as part of GSSoC '26.

I reviewed the problem and understand that a rendering error in one dashboard widget should not cause the entire dashboard to crash. I plan to implement reusable ErrorBoundary components around each independent widget, provide a user-friendly fallback UI for failed sections, and ensure the remaining widgets continue to render normally. I'll also verify the solution by testing with intentionally malformed API responses.

Could you please assign this issue to me? Thank you!

[github-actions]

Assigned to @BCA-krishna! You have 7 days to open a PR. No PR after 7 days = auto-unassigned so others can pick it up. Good luck!

[anshul23102]

/assign

Claiming this issue for GSSoC '26. Please assign it to me, I'll start working on it right away.