Skip to content

chore: rebase React 19 migration on main (CI test)#6920

Closed
talissoncosta wants to merge 3 commits intomainfrom
chore/react-19-rebase
Closed

chore: rebase React 19 migration on main (CI test)#6920
talissoncosta wants to merge 3 commits intomainfrom
chore/react-19-rebase

Conversation

@talissoncosta
Copy link
Contributor

Summary

This PR is for CI validation only — not intended to merge. Testing whether the React 19 migration passes E2E after rebasing on latest main.

Test plan

  • CI E2E tests pass on rebased branch
  • Unit tests pass
  • Frontend image builds successfully

🤖 Generated with Claude Code

@vercel
Copy link

vercel bot commented Mar 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
flagsmith-frontend-preview Ready Ready Preview, Comment Mar 10, 2026 9:36pm
flagsmith-frontend-staging Ready Ready Preview, Comment Mar 10, 2026 9:36pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
docs Ignored Ignored Mar 10, 2026 9:36pm

Request Review

@github-actions github-actions bot added front-end Issue related to the React Front End Dashboard chore labels Mar 10, 2026
@talissoncosta talissoncosta marked this pull request as ready for review March 10, 2026 21:06
@talissoncosta talissoncosta requested a review from a team as a code owner March 10, 2026 21:06
@talissoncosta talissoncosta requested review from Zaimwa9 and removed request for a team March 10, 2026 21:06
@github-actions github-actions bot removed the chore label Mar 10, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Mar 10, 2026

Docker builds report

Image Build Status Security report
ghcr.io/flagsmith/flagsmith-api-test:pr-6920 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-e2e:pr-6920 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-api:pr-6920 Finished ✅ Results
ghcr.io/flagsmith/flagsmith:pr-6920 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-private-cloud:pr-6920 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-frontend:pr-6920 Finished ✅ Results

@github-actions github-actions bot added the chore label Mar 10, 2026
Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Playwright Test Results (oss - depot-ubuntu-latest-16)

failed  2 failed

Details

stats  2 tests across 1 suite
duration  55.3 seconds
commit  ddc3691
info  📦 Artifacts: View test results and HTML report
🔄 Run: #15219 (attempt 1)

Failed tests

firefox › tests/segment-test.pw.ts › Segment test 1 - Create, update, and manage segments with multivariate flags @oss
firefox › tests/segment-test.pw.ts › Segment test 3 - Test user-specific feature overrides @oss

@github-actions
Copy link
Contributor

github-actions bot commented Mar 10, 2026

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

failed  12 failed

Details

stats  12 tests across 9 suites
duration  27.5 seconds
commit  21b5296
info  📦 Artifacts: View test results and HTML report
🔄 Run: #15220 (attempt 1)

Failed tests

firefox › tests/change-request-test.pw.ts › Change Request Tests › Change requests can be created, approved, and published with 4-eyes approval @enterprise
firefox › tests/environment-permission-test.pw.ts › Environment Permission Tests › Environment-level permissions control access to features, identities, and segments @enterprise
firefox › tests/flag-tests.pw.ts › Flag Tests › Feature flags can be created, toggled, edited, and deleted across environments @oss
firefox › tests/flag-tests.pw.ts › Flag Tests › Feature flags can have tags added and be archived @oss
firefox › tests/initialise-tests.pw.ts › Signup › Create Organisation and Project @oss
firefox › tests/organisation-test.pw.ts › Organisation Tests › Organisations can be created, renamed, and deleted with name validation @oss
firefox › tests/project-permission-test.pw.ts › Project Permission Tests › Project-level permissions control access to features, environments, audit logs, and segments @enterprise
firefox › tests/roles-test.pw.ts › Roles Tests › Roles can be created with project and environment permissions @enterprise
firefox › tests/segment-test.pw.ts › Segment test 1 - Create, update, and manage segments with multivariate flags @oss
firefox › tests/segment-test.pw.ts › Segment test 2 - Test segment priority and overrides @oss
firefox › tests/segment-test.pw.ts › Segment test 3 - Test user-specific feature overrides @oss
firefox › tests/versioning-tests.pw.ts › Versioning tests - Create, edit, and compare feature versions @oss

React 19's createRoot().unmount() is asynchronous, unlike the old
unmountComponentAtNode which was synchronous. The previous approach
of unmounting then immediately recreating a root on the same element
caused a race condition where the old modal's fade-out transition
hadn't completed before the new content was rendered, leaving a
ghost dialog overlay that blocked pointer events.

Fix: lazily create the root once and reuse it — React reconciles
new content on subsequent render() calls without needing to destroy
the tree.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Contributor

Playwright Test Results (oss - depot-ubuntu-latest-16)

failed  8 failed

Details

stats  8 tests across 5 suites
duration  25.4 seconds
commit  21b5296
info  📦 Artifacts: View test results and HTML report
🔄 Run: #15220 (attempt 1)

Failed tests

firefox › tests/flag-tests.pw.ts › Flag Tests › Feature flags can be created, toggled, edited, and deleted across environments @oss
firefox › tests/flag-tests.pw.ts › Flag Tests › Feature flags can have tags added and be archived @oss
firefox › tests/initialise-tests.pw.ts › Signup › Create Organisation and Project @oss
firefox › tests/organisation-test.pw.ts › Organisation Tests › Organisations can be created, renamed, and deleted with name validation @oss
firefox › tests/segment-test.pw.ts › Segment test 1 - Create, update, and manage segments with multivariate flags @oss
firefox › tests/segment-test.pw.ts › Segment test 2 - Test segment priority and overrides @oss
firefox › tests/segment-test.pw.ts › Segment test 3 - Test user-specific feature overrides @oss
firefox › tests/versioning-tests.pw.ts › Versioning tests - Create, edit, and compare feature versions @oss

@Zaimwa9
Copy link
Contributor

Zaimwa9 commented Mar 11, 2026

Closing in favor of initial #6764

@Zaimwa9 Zaimwa9 closed this Mar 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

chore front-end Issue related to the React Front End Dashboard

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants