chore(nextjs,tanstack-start,remix): Drop path routing requirement for CreateOrganization (#4687)

Author: panteliselef

.changeset/many-ads-move.md

@@ -0,0 +1,7 @@
+---
+'@clerk/tanstack-start': minor
+'@clerk/nextjs': minor
+'@clerk/remix': minor
+---
+
+Drop path routing requirement for `<CreateOrganization/>`.

packages/nextjs/src/client-boundary/uiComponents.tsx

@@ -1,24 +1,18 @@
 'use client';
 
 import {
-  CreateOrganization as BaseCreateOrganization,
   OrganizationProfile as BaseOrganizationProfile,
   SignIn as BaseSignIn,
   SignUp as BaseSignUp,
   UserProfile as BaseUserProfile,
 } from '@clerk/clerk-react';
-import type {
-  CreateOrganizationProps,
-  OrganizationProfileProps,
-  SignInProps,
-  SignUpProps,
-  UserProfileProps,
-} from '@clerk/types';
+import type { OrganizationProfileProps, SignInProps, SignUpProps, UserProfileProps } from '@clerk/types';
 import React from 'react';
 
 import { useEnforceCorrectRoutingProps } from './hooks/useEnforceRoutingProps';
 
 export {
+  CreateOrganization,
   OrganizationList,
   OrganizationSwitcher,
   SignInButton,
@@ -41,10 +35,6 @@ export const UserProfile: typeof BaseUserProfile = Object.assign(
   { ...BaseUserProfile },
 );
 
-export const CreateOrganization = (props: CreateOrganizationProps) => {
-  return <BaseCreateOrganization {...useEnforceCorrectRoutingProps('CreateOrganization', props)} />;
-};
-
 // The assignment of OrganizationProfile with BaseOrganizationProfile props is used
 // to support the CustomPage functionality (eg OrganizationProfile.Page)
 // Also the `typeof BaseOrganizationProfile` is used to resolved the following error:

packages/remix/src/client/uiComponents.tsx

@@ -1,18 +1,11 @@
 import {
-  CreateOrganization as BaseCreateOrganization,
   OrganizationProfile as BaseOrganizationProfile,
   SignIn as BaseSignIn,
   SignUp as BaseSignUp,
   UserProfile as BaseUserProfile,
 } from '@clerk/clerk-react';
 import { useRoutingProps } from '@clerk/clerk-react/internal';
-import type {
-  CreateOrganizationProps,
-  OrganizationProfileProps,
-  SignInProps,
-  SignUpProps,
-  UserProfileProps,
-} from '@clerk/types';
+import type { OrganizationProfileProps, SignInProps, SignUpProps, UserProfileProps } from '@clerk/types';
 import React from 'react';
 
 import { usePathnameWithoutSplatRouteParams } from './usePathnameWithoutSplatRouteParams';
@@ -29,11 +22,6 @@ export const UserProfile: typeof BaseUserProfile = Object.assign(
   { ...BaseUserProfile },
 );
 
-export const CreateOrganization = (props: CreateOrganizationProps) => {
-  const path = usePathnameWithoutSplatRouteParams();
-  return <BaseCreateOrganization {...useRoutingProps('CreateOrganization', props, { path })} />;
-};
-
 // The assignment of OrganizationProfile with BaseOrganizationProfile props is used
 // to support the CustomPage functionality (eg OrganizationProfile.Page)
 // Also the `typeof BaseOrganizationProfile` is used to resolved the following error:

packages/tanstack-start/src/client/index.ts

@@ -1,2 +1,2 @@
 export * from './ClerkProvider';
-export { SignIn, SignUp, OrganizationProfile, OrganizationList, CreateOrganization, UserProfile } from './uiComponents';
+export { SignIn, SignUp, OrganizationProfile, OrganizationList, UserProfile } from './uiComponents';

packages/tanstack-start/src/client/uiComponents.tsx

@@ -1,19 +1,12 @@
 import {
-  CreateOrganization as BaseCreateOrganization,
   OrganizationList as BaseOrganizationList,
   OrganizationProfile as BaseOrganizationProfile,
   SignIn as BaseSignIn,
   SignUp as BaseSignUp,
   UserProfile as BaseUserProfile,
 } from '@clerk/clerk-react';
 import { useRoutingProps } from '@clerk/clerk-react/internal';
-import type {
-  CreateOrganizationProps,
-  OrganizationProfileProps,
-  SignInProps,
-  SignUpProps,
-  UserProfileProps,
-} from '@clerk/types';
+import type { OrganizationProfileProps, SignInProps, SignUpProps, UserProfileProps } from '@clerk/types';
 import { useLocation, useParams } from '@tanstack/react-router';
 
 const usePathnameWithoutSplatRouteParams = () => {
@@ -46,11 +39,6 @@ export const UserProfile: typeof BaseUserProfile = Object.assign(
   { ...BaseUserProfile },
 );
 
-export const CreateOrganization = (props: CreateOrganizationProps) => {
-  const path = usePathnameWithoutSplatRouteParams();
-  return <BaseCreateOrganization {...useRoutingProps('CreateOrganization', props, { path })} />;
-};
-
 // The assignment of OrganizationProfile with BaseOrganizationProfile props is used
 // to support the CustomPage functionality (eg OrganizationProfile.Page)
 // Also the `typeof BaseOrganizationProfile` is used to resolved the following error: