X Tutup
Skip to content

No ErrorBoundary anywhere, render error = white screen #3961

@avinxshKD

Description

@avinxshKD

p5.js version

No response

What is your operating system?

None

Web browser and version

No response

There's no ErrorBoundary component anywhere in the client. Any unhandled
render error kills the entire app with a white screen. No fallback, no
message, nothing.

Especially bad around the Editor (805-line class component doing CodeMirror
DOM stuff) and IDEView. Users just lose their session with zero feedback.

Steps to reproduce:

  1. Throw an error inside any component during render
  2. Entire app dies, white screen
  3. No way to recover without a full page reload

Expected: Some fallback UI. Even just "Something went wrong, go back home."
Actual: Blank page.

Fix involves:

  • Add ErrorBoundary component with componentDidCatch + fallback UI
  • Wrap route-level components in routes.jsx (IDE, Dashboard, Preview)

Filed against client/routes.jsx and client/modules/App/App.tsx

Metadata

Metadata

Assignees

No one assigned

    Labels

    Awaiting Maintainer ApprovalNeeds review from a maintainer before moving forwardBugError or unexpected behaviors

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      X Tutup