- Notifications
You must be signed in to change notification settings - Fork419
feat(clerk-js): IntroduceUNSAFE_PortalProvider#7310
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
base:main
Are you sure you want to change the base?
Uh oh!
There was an error while loading.Please reload this page.
Conversation
changeset-botbot commentedNov 25, 2025 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
🦋 Changeset detectedLatest commit:fa6ef65 The changes in this PR will be included in the next version bump. This PR includes changesets to release 19 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 |
vercelbot commentedNov 25, 2025 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
The latest updates on your projects. Learn more aboutVercel for GitHub. 1 Skipped Deployment
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the ✨ Finishing touches🧪 Generate unit tests (beta)
Comment |
alexcarpenter commentedNov 25, 2025
!snapshot |
clerk-cookie commentedNov 25, 2025
Hey@alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. |
alexcarpenter commentedNov 25, 2025
!snapshot |
clerk-cookie commentedNov 25, 2025
Hey@alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. |
Uh oh!
There was an error while loading.Please reload this page.
alexcarpenter commentedNov 25, 2025
!snapshot |
clerk-cookie commentedNov 25, 2025
Hey@alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. npm i @clerk/agent-toolkit@0.2.6-snapshot.v20251125180024 --save-exact
npm i @clerk/astro@2.16.4-snapshot.v20251125180024 --save-exact
npm i @clerk/backend@2.24.1-snapshot.v20251125180024 --save-exact
npm i @clerk/chrome-extension@2.8.7-snapshot.v20251125180024 --save-exact
npm i @clerk/clerk-js@5.111.1-snapshot.v20251125180024 --save-exact
npm i @clerk/elements@0.23.87-snapshot.v20251125180024 --save-exact
npm i @clerk/clerk-expo@2.19.7-snapshot.v20251125180024 --save-exact
npm i @clerk/expo-passkeys@0.4.23-snapshot.v20251125180024 --save-exact
npm i @clerk/express@1.7.54-snapshot.v20251125180024 --save-exact
npm i @clerk/fastify@2.6.6-snapshot.v20251125180024 --save-exact
npm i @clerk/localizations@3.28.6-snapshot.v20251125180024 --save-exact
npm i @clerk/nextjs@6.35.6-snapshot.v20251125180024 --save-exact
npm i @clerk/nuxt@1.13.4-snapshot.v20251125180024 --save-exact
npm i @clerk/clerk-react@5.57.1-snapshot.v20251125180024 --save-exact
npm i @clerk/react-router@2.3.1-snapshot.v20251125180024 --save-exact
npm i @clerk/remix@4.13.21-snapshot.v20251125180024 --save-exact
npm i @clerk/shared@3.36.1-snapshot.v20251125180024 --save-exact
npm i @clerk/tanstack-react-start@0.27.6-snapshot.v20251125180024 --save-exact
npm i @clerk/testing@1.13.20-snapshot.v20251125180024 --save-exact
npm i @clerk/themes@2.4.41-snapshot.v20251125180024 --save-exact
npm i @clerk/types@4.101.4-snapshot.v20251125180024 --save-exact
npm i @clerk/vue@1.17.1-snapshot.v20251125180024 --save-exact |
…vascript into alexcarpenter/portal-provider-3
alexcarpenter commentedDec 15, 2025
!snapshot |
clerk-cookie commentedDec 15, 2025
Hey@alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. npm i @clerk/agent-toolkit@0.2.9-snapshot.v20251215203425 --save-exact
npm i @clerk/astro@3.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/backend@3.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/chrome-extension@3.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/clerk-js@6.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/dev-cli@1.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/expo@3.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/expo-passkeys@1.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/express@2.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/fastify@2.6.9-snapshot.v20251215203425 --save-exact
npm i @clerk/localizations@4.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/nextjs@7.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/nuxt@2.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/react@6.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/react-router@3.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/shared@4.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/testing@2.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/ui@1.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/upgrade@2.0.0-snapshot.v20251215203425 --save-exact
npm i @clerk/vue@2.0.0-snapshot.v20251215203425 --save-exact |
alexcarpenter commentedDec 15, 2025
!snapshot |
clerk-cookie commentedDec 15, 2025
Hey@alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. npm i @clerk/agent-toolkit@0.2.9-snapshot.v20251215210631 --save-exact
npm i @clerk/astro@3.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/backend@3.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/chrome-extension@3.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/clerk-js@6.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/dev-cli@1.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/expo@3.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/expo-passkeys@1.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/express@2.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/fastify@2.6.9-snapshot.v20251215210631 --save-exact
npm i @clerk/localizations@4.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/nextjs@7.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/nuxt@2.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/react@6.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/react-router@3.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/shared@4.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/testing@2.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/ui@1.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/upgrade@2.0.0-snapshot.v20251215210631 --save-exact
npm i @clerk/vue@2.0.0-snapshot.v20251215210631 --save-exact |
alexcarpenter commentedDec 15, 2025
!snapshot |
clerk-cookie commentedDec 15, 2025
Hey@alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. npm i @clerk/agent-toolkit@0.2.9-snapshot.v20251215212157 --save-exact
npm i @clerk/astro@3.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/backend@3.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/chrome-extension@3.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/clerk-js@6.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/dev-cli@1.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/expo@3.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/expo-passkeys@1.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/express@2.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/fastify@2.6.9-snapshot.v20251215212157 --save-exact
npm i @clerk/localizations@4.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/nextjs@7.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/nuxt@2.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/react@6.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/react-router@3.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/shared@4.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/tanstack-react-start@1.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/testing@2.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/ui@1.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/upgrade@2.0.0-snapshot.v20251215212157 --save-exact
npm i @clerk/vue@2.0.0-snapshot.v20251215212157 --save-exact |
UNSAFE_PortalProvider
Uh oh!
There was an error while loading.Please reload this page.
Description
The
<UNSAFE_PortalProvider>component allows you to specify a custom container for Clerk floating UI elements (popovers, modals, tooltips, etc.) that use portals. Only Clerk components within the provider will be affected—components outside the provider will continue to use the default document.body for portals.This is particularly useful when using Clerk components inside external UI libraries likeRadix Dialog orReact Aria Components, where portaled elements need to render within the dialog's container to remain interactable.
Example usage
Docs:clerk/clerk-docs#2896
Checklist
pnpm testruns as expected.pnpm buildruns as expected.Type of change