Description
When the API is unavailable, any page that fetches data on mount will throw an unhandled error and show a blank or broken screen. React error boundaries catch these and show a controlled fallback.
Deliverables
Notes
This is a standard React pattern — use a class component with componentDidCatch. No new dependencies needed.
Description
When the API is unavailable, any page that fetches data on mount will throw an unhandled error and show a blank or broken screen. React error boundaries catch these and show a controlled fallback.
Deliverables
nevo_frontend/components/ErrorBoundary.tsx— a class component that catches errors and renders a friendly fallback:window.location.reload()app/pools/page.tsxandapp/pools/[id]/page.tsxwith the boundarynpm run buildpassesfallbackprop so callers can override the default UINotes
This is a standard React pattern — use a class component with
componentDidCatch. No new dependencies needed.