From c90d57e1920b358200f2b0e857f162db88d399bd Mon Sep 17 00:00:00 2001
From: Vaggelis Yfantis <me@octoper.me>
Date: Wed, 8 Nov 2023 20:19:13 +0200
Subject: [PATCH] feat(clerk-js): Omit routing prop from Modal components

---
 .../src/ui/components/CreateOrganization/CreateOrganization.tsx | 2 +-
 .../ui/components/OrganizationProfile/OrganizationProfile.tsx   | 2 +-
 packages/clerk-js/src/ui/components/SignIn/SignIn.tsx           | 2 +-
 packages/clerk-js/src/ui/components/SignUp/SignUp.tsx           | 2 +-
 packages/clerk-js/src/ui/components/UserProfile/UserProfile.tsx | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganization.tsx b/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganization.tsx
index d975689f273..a2285ec2211 100644
--- a/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganization.tsx
+++ b/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganization.tsx
@@ -38,7 +38,7 @@ export const CreateOrganization = withOrganizationsEnabledGuard(
   { mode: 'redirect' },
 );
 
-export const CreateOrganizationModal = (props: Omit<CreateOrganizationProps, 'path'>): JSX.Element => {
+export const CreateOrganizationModal = (props: Omit<CreateOrganizationProps, 'path' | 'routing'>): JSX.Element => {
   const createOrganizationProps: CreateOrganizationCtx = {
     ...props,
     routing: 'virtual',
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfile.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfile.tsx
index 1a1aea6e0b7..140c1861503 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfile.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationProfile.tsx
@@ -48,7 +48,7 @@ export const OrganizationProfile = withRedirectToHomeOrganizationGuard(
   }),
 );
 
-export const OrganizationProfileModal = (props: Omit<OrganizationProfileProps, 'path'>): JSX.Element => {
+export const OrganizationProfileModal = (props: Omit<OrganizationProfileProps, 'path' | 'routing'>): JSX.Element => {
   const organizationProfileProps: OrganizationProfileCtx = {
     ...props,
     routing: 'virtual',
diff --git a/packages/clerk-js/src/ui/components/SignIn/SignIn.tsx b/packages/clerk-js/src/ui/components/SignIn/SignIn.tsx
index 2babde10964..061fa04063e 100644
--- a/packages/clerk-js/src/ui/components/SignIn/SignIn.tsx
+++ b/packages/clerk-js/src/ui/components/SignIn/SignIn.tsx
@@ -74,7 +74,7 @@ SignInRoutes.displayName = 'SignIn';
 
 export const SignIn: React.ComponentType<SignInProps> = withCoreSessionSwitchGuard(SignInRoutes);
 
-export const SignInModal = (props: Omit<SignInProps, 'path'>): JSX.Element => {
+export const SignInModal = (props: Omit<SignInProps, 'path' | 'routing'>): JSX.Element => {
   const signInProps = {
     signUpUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-up`,
     ...props,
diff --git a/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx b/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx
index 16e9511b6a7..63a6628f35e 100644
--- a/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx
+++ b/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx
@@ -87,7 +87,7 @@ SignUpRoutes.displayName = 'SignUp';
 
 export const SignUp: React.ComponentType<SignUpProps> = withCoreSessionSwitchGuard(SignUpRoutes);
 
-export const SignUpModal = (props: Omit<SignUpProps, 'path'>): JSX.Element => {
+export const SignUpModal = (props: Omit<SignUpProps, 'path' | 'routing'>): JSX.Element => {
   const signUpProps = {
     signInUrl: `/${VIRTUAL_ROUTER_BASE_PATH}/sign-in`,
     ...props,
diff --git a/packages/clerk-js/src/ui/components/UserProfile/UserProfile.tsx b/packages/clerk-js/src/ui/components/UserProfile/UserProfile.tsx
index 8a7200bcf67..9b8582589d8 100644
--- a/packages/clerk-js/src/ui/components/UserProfile/UserProfile.tsx
+++ b/packages/clerk-js/src/ui/components/UserProfile/UserProfile.tsx
@@ -42,7 +42,7 @@ const AuthenticatedRoutes = withCoreUserGuard(() => {
 
 export const UserProfile = withRedirectToHomeUserGuard(withCardStateProvider(_UserProfile));
 
-export const UserProfileModal = (props: Omit<UserProfileProps, 'path'>): JSX.Element => {
+export const UserProfileModal = (props: Omit<UserProfileProps, 'path' | 'routing'>): JSX.Element => {
   const userProfileProps: UserProfileCtx = {
     ...props,
     routing: 'virtual',