Skip to content

fix(checkout-widgets): stop stuck Loading overlays under React 19 - #2938

Merged
alex-connolly merged 1 commit into
mainfrom
fix/checkout-widgets-react19-stuck-loading
Jul 31, 2026
Merged

fix(checkout-widgets): stop stuck Loading overlays under React 19#2938
alex-connolly merged 1 commit into
mainfrom
fix/checkout-widgets-react19-stuck-loading

Conversation

@alex-connolly

@alex-connolly alex-connolly commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Summary

  • After chore(build): upgrade repo tooling to latest versions #2928 (React 19), Checkout widgets show a perpetual Loading modal over content.
  • Not fixed by bumping biom3: catalog is @biom3/react@^0.29.4 (~0.29.11); latest is 0.32.11 and still has the same useControlledOverlay unmount race.
  • Surgical fix:
    • LoadingView: stop using LoadingOverlay (these views are conditionally mounted/unmounted across ~20 call sites + Suspense). Use an inline overlay that tears down with the tree.
    • Handover: keep biom3 LoadingOverlay, always mounted, visible={Boolean(loader)} instead of {loader && <LoadingOverlay visible>}.

Test plan

  • Connect mount: wallet list with no stuck Loading modal
  • Control: CDN 2.24.3 still reproduces
  • Handover loader flow (sale/purchase/add-tokens): loader shows and clears cleanly
  • Smoke Swap / Bridge / Wallet mount

@alex-connolly
alex-connolly requested a review from a team as a code owner July 31, 2026 21:14
@nx-cloud

nx-cloud Bot commented Jul 31, 2026

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit f4649f5

Command Status Duration Result
nx affected -t build,test ✅ Succeeded 1m 14s View ↗

💡 Verify your cache is correct by running tasks in a sandbox. Read docs ↗


☁️ Nx Cloud last updated this comment at 2026-07-31 22:09:53 UTC

biom3 LoadingOverlay orphans modals when unmounted while visible
(useControlledOverlay vs useIsMounted); still present in 0.32.11.

- LoadingView: inline overlay (call sites mount/unmount this view)
- Handover: keep biom3 LoadingOverlay mounted; toggle visible

Co-authored-by: Cursor <cursoragent@cursor.com>
@alex-connolly
alex-connolly force-pushed the fix/checkout-widgets-react19-stuck-loading branch from 67f6287 to f4649f5 Compare July 31, 2026 22:07
@alex-connolly
alex-connolly added this pull request to the merge queue Jul 31, 2026
Merged via the queue into main with commit 63b3018 Jul 31, 2026
7 checks passed
@alex-connolly
alex-connolly deleted the fix/checkout-widgets-react19-stuck-loading branch July 31, 2026 22:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants