- Notifications
You must be signed in to change notification settings - Fork 419
feat(clerk-js): Introduce UNSAFE_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 our terms of service and privacy 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?
Conversation
🦋 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 |
| The latest updates on your projects. Learn more about Vercel 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 |
| !snapshot |
| Hey @alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. |
| !snapshot |
| Hey @alexcarpenter - the snapshot version command generated the following package versions:
Tip: Use the snippet copy button below to quickly install the required packages. |
| !snapshot |
| 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
| !snapshot |
| 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 |
| !snapshot |
| 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 |
| !snapshot |
| 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
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 like Radix Dialog or React 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