processing / processing/p5.js-web-editor

No ErrorBoundary anywhere, render error = white screen

Open
#3,961 6 comments 0 reactions 1 assignee View on GitHub

@avinxshKD is already working on this.

Since May 1, 2026.

Bug
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.