Uh oh!
There was an error while loading. Please reload this page.
fix(ui): Extract ref from ExternalElementMounter props to prevent nodeRef overwrite (React 19) - #8534
Conversation
…eRef overwrite (React 19)
The latest updates on your projects. Learn more about Vercel for GitHub.
|
🦋 Changeset detectedLatest commit: 88acc26 The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
ℹ️ Recent review info⚙️ Run configurationConfiguration used: Repository YAML (base), Organization UI (inherited) Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
✅ Files skipped from review due to trivial changes (1)
📝 WalkthroughWalkthroughThis PR prevents a forwarded ref from being spread onto ExternalElementMounter's host div by explicitly destructuring Estimated code review effort🎯 2 (Simple) | ⏱️ ~12 minutes 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. Warning Review ran into problems🔥 ProblemsStopped waiting for pipeline failures after 30000ms. One of your pipelines takes longer than our 30000ms fetch window to run, so review may not consider pipeline-failure results for inline comments if any failures occurred after the fetch window. Increase the timeout if you want to wait longer or run a Comment |
@clerk/astro@clerk/backend@clerk/chrome-extension@clerk/clerk-js@clerk/dev-cli@clerk/expo@clerk/expo-passkeys@clerk/express@clerk/fastify@clerk/hono@clerk/localizations@clerk/nextjs@clerk/nuxt@clerk/react@clerk/react-router@clerk/shared@clerk/tanstack-react-start@clerk/testing@clerk/ui@clerk/upgrade@clerk/vuecommit: |
…rendered-when-ui-package-is
Uh oh!
There was an error while loading. Please reload this page.
Description
refis a regular prop for function components (see ref as a prop). A forwardedrefwas landing in...restinsideExternalElementMounterand overwritingref={nodeRef}on the host div, sonodeRef.currentstayednullandmountIconwas never called. React 18 silently dropped the ref, masking the bug.reffrom props before the spread to fix the collision.Fixes#8512#8447
Resolves SDK-73
Checklist
pnpm testruns as expected.pnpm buildruns as expected.Type of change