Skip to content

Isolate render errors on major sections of pages - #1933

Open
rileyhgrant wants to merge 4 commits into
mainfrom
rhg/page-section-error-boundaries
Open

rileyhgrant wants to merge 4 commits into
mainfrom
rhg/page-section-error-boundaries

Conversation

@rileyhgrant

@rileyhgrant rileyhgrant commented Aug 27, 2026 •

Copy link
Copy Markdown
Contributor

This is working towards more pleasant and workable local dev, and also represents better user experience, imo.

Add per 'section' level error boundaries, e.g. for each major track on the Gene Page (i.e. Coverage, Gene Info, Variants) so that a render time error on a single section doesn't cause the an entire page crash with the "something went wrong" error boundary page.

This is stacked on top of the ClinVar testing improvement (and bugfix).

Like that one, this PR is made up of several logical commits, each one is pretty well isolated and would make for a good review experience, imo, reviewing the entire diff is not awful, but not recommended. Github's UI has good support for viewing a single commit at a time when reviewing.

If a given section has a render error, it's caught and an error message is displayed (screenshot below). Clicking the error message opens a modal letting the user submit an issue on Github, Email, etc. Parts of the template are pre-filled, and having it be section level crashing with some automatic info filled out in a template in the form of section, dataset, etc (hopefully) gives us a bit more information about what the issue is (rather than just having a report come in that the gene page crashed somewhere).


Screenshot 2026-08-27 at 17 37 28

@rileyhgrant rileyhgrant changed the title Isolate render errors on sections Isolate render errors on major sections of pages Aug 27, 2026
@rileyhgrant
rileyhgrant force-pushed the rhg/page-section-error-boundaries branch from 9a308b9 to 349f550 Compare August 27, 2026 23:03
@rileyhgrant rileyhgrant self-assigned this Aug 27, 2026
Base automatically changed from rhg/improve-local-dev to main September 11, 2026 17:49
Import and use a useSectionErrorBoundary hook to add render-time error handling to the major sections on pages, e.g. if the Gene Page's Variants track crashes at render time for any reason, that is caught and a warning displayed just for that track, rather than crashing the whole page with the generic 'something went wrong'
@rileyhgrant
rileyhgrant force-pushed the rhg/page-section-error-boundaries branch from 349f550 to ab581cb Compare September 11, 2026 17:55
@rileyhgrant
rileyhgrant marked this pull request as ready for review September 11, 2026 17:55
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.

1 participant