migrate clerk-react to shared/types

nikosdouvlis · nikosdouvlis · commit f4f557d1ccf9 · 2025-10-29T20:31:22.000+02:00
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -90,7 +90,6 @@
   },
   "dependencies": {
     "@clerk/shared": "workspace:^",
-    "@clerk/types": "workspace:^",
     "tslib": "catalog:repo"
   },
   "devDependencies": {
diff --git a/packages/react/src/__tests__/isomorphicClerk.test.ts b/packages/react/src/__tests__/isomorphicClerk.test.ts
@@ -1,4 +1,4 @@
-import type { Resources, UnsubscribeCallback } from '@clerk/types';
+import type { Resources, UnsubscribeCallback } from '@clerk/shared/types';
 import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
 
 import { IsomorphicClerk } from '../isomorphicClerk';
diff --git a/packages/react/src/components/CheckoutButton.tsx b/packages/react/src/components/CheckoutButton.tsx
@@ -1,4 +1,4 @@
-import type { __experimental_CheckoutButtonProps } from '@clerk/types';
+import type { __experimental_CheckoutButtonProps } from '@clerk/shared/types';
 import React from 'react';
 
 import { useAuth } from '../hooks';
diff --git a/packages/react/src/components/PlanDetailsButton.tsx b/packages/react/src/components/PlanDetailsButton.tsx
@@ -1,4 +1,4 @@
-import type { __experimental_PlanDetailsButtonProps } from '@clerk/types';
+import type { __experimental_PlanDetailsButtonProps } from '@clerk/shared/types';
 import React from 'react';
 
 import type { WithClerkProp } from '../types';
diff --git a/packages/react/src/components/SignInButton.tsx b/packages/react/src/components/SignInButton.tsx
@@ -1,4 +1,4 @@
-import type { SignInButtonProps, SignInProps } from '@clerk/types';
+import type { SignInButtonProps, SignInProps } from '@clerk/shared/types';
 import React from 'react';
 
 import type { WithClerkProp } from '../types';
diff --git a/packages/react/src/components/SignOutButton.tsx b/packages/react/src/components/SignOutButton.tsx
@@ -1,4 +1,4 @@
-import type { SignOutOptions } from '@clerk/types';
+import type { SignOutOptions } from '@clerk/shared/types';
 import React from 'react';
 
 import type { WithClerkProp } from '../types';
diff --git a/packages/react/src/components/SignUpButton.tsx b/packages/react/src/components/SignUpButton.tsx
@@ -1,4 +1,4 @@
-import type { SignUpButtonProps, SignUpProps } from '@clerk/types';
+import type { SignUpButtonProps, SignUpProps } from '@clerk/shared/types';
 import React from 'react';
 
 import type { WithClerkProp } from '../types';
diff --git a/packages/react/src/components/SubscriptionDetailsButton.tsx b/packages/react/src/components/SubscriptionDetailsButton.tsx
@@ -1,4 +1,4 @@
-import type { __experimental_SubscriptionDetailsButtonProps } from '@clerk/types';
+import type { __experimental_SubscriptionDetailsButtonProps } from '@clerk/shared/types';
 import React from 'react';
 
 import { useAuth } from '../hooks';
diff --git a/packages/react/src/components/__tests__/CheckoutButton.test.tsx b/packages/react/src/components/__tests__/CheckoutButton.test.tsx
@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom/vitest';
 
-import type { Theme } from '@clerk/types';
+import type { Theme } from '@clerk/shared/types';
 import { render, screen, waitFor } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
diff --git a/packages/react/src/components/__tests__/PlanDetailsButton.test.tsx b/packages/react/src/components/__tests__/PlanDetailsButton.test.tsx
@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom/vitest';
 
-import type { BillingPayerResourceType, BillingPlanResource, Theme } from '@clerk/types';
+import type { BillingPayerResourceType, BillingPlanResource, Theme } from '@clerk/shared/types';
 import { render, screen, waitFor } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
diff --git a/packages/react/src/components/__tests__/SubscriptionDetailsButton.test.tsx b/packages/react/src/components/__tests__/SubscriptionDetailsButton.test.tsx
@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom/vitest';
 
-import type { Theme } from '@clerk/types';
+import type { Theme } from '@clerk/shared/types';
 import { render, screen, waitFor } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 import React from 'react';
diff --git a/packages/react/src/components/controlComponents.tsx b/packages/react/src/components/controlComponents.tsx
@@ -1,5 +1,9 @@
 import { deprecated } from '@clerk/shared/deprecated';
-import type { HandleOAuthCallbackParams, PendingSessionOptions, ProtectProps as _ProtectProps } from '@clerk/types';
+import type {
+  HandleOAuthCallbackParams,
+  PendingSessionOptions,
+  ProtectProps as _ProtectProps,
+} from '@clerk/shared/types';
 import React from 'react';
 
 import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
diff --git a/packages/react/src/components/uiComponents.tsx b/packages/react/src/components/uiComponents.tsx
@@ -15,7 +15,7 @@ import type {
   UserProfileProps,
   WaitlistProps,
   Without,
-} from '@clerk/types';
+} from '@clerk/shared/types';
 import type { PropsWithChildren, ReactNode } from 'react';
 import React, { createContext, createElement, useContext } from 'react';
 
diff --git a/packages/react/src/components/withClerk.tsx b/packages/react/src/components/withClerk.tsx
@@ -1,4 +1,4 @@
-import type { LoadedClerk, Without } from '@clerk/types';
+import type { LoadedClerk, Without } from '@clerk/shared/types';
 import React from 'react';
 
 import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
diff --git a/packages/react/src/contexts/AuthContext.ts b/packages/react/src/contexts/AuthContext.ts
@@ -5,7 +5,7 @@ import type {
   OrganizationCustomPermissionKey,
   OrganizationCustomRoleKey,
   SessionStatusClaim,
-} from '@clerk/types';
+} from '@clerk/shared/types';
 
 export type AuthContextValue = {
   userId: string | null | undefined;
diff --git a/packages/react/src/contexts/ClerkContextProvider.tsx b/packages/react/src/contexts/ClerkContextProvider.tsx
@@ -6,7 +6,7 @@ import {
   SessionContext,
   UserContext,
 } from '@clerk/shared/react';
-import type { ClientResource, InitialState, Resources } from '@clerk/types';
+import type { ClientResource, InitialState, Resources } from '@clerk/shared/types';
 import React from 'react';
 
 import { IsomorphicClerk } from '../isomorphicClerk';
diff --git a/packages/react/src/experimental.ts b/packages/react/src/experimental.ts
@@ -7,7 +7,7 @@ export type {
   __experimental_CheckoutButtonProps as CheckoutButtonProps,
   __experimental_SubscriptionDetailsButtonProps as SubscriptionDetailsButtonProps,
   __experimental_PlanDetailsButtonProps as PlanDetailsButtonProps,
-} from '@clerk/types';
+} from '@clerk/shared/types';
 
 export {
   __experimental_PaymentElementProvider as PaymentElementProvider,
diff --git a/packages/react/src/hooks/__tests__/useAuth.test.tsx b/packages/react/src/hooks/__tests__/useAuth.test.tsx
@@ -1,6 +1,6 @@
 import { createCheckAuthorization } from '@clerk/shared/authorization';
 import { ClerkInstanceContext } from '@clerk/shared/react';
-import type { LoadedClerk, UseAuthReturn } from '@clerk/types';
+import type { LoadedClerk, UseAuthReturn } from '@clerk/shared/types';
 import { render, renderHook } from '@testing-library/react';
 import React from 'react';
 import { afterAll, beforeAll, beforeEach, describe, expect, expectTypeOf, it, test, vi } from 'vitest';
diff --git a/packages/react/src/hooks/__tests__/useAuth.type.test.ts b/packages/react/src/hooks/__tests__/useAuth.type.test.ts
@@ -1,4 +1,4 @@
-import type { PendingSessionOptions } from '@clerk/types';
+import type { PendingSessionOptions } from '@clerk/shared/types';
 import { describe, expectTypeOf, it } from 'vitest';
 
 import type { useAuth } from '../useAuth';
diff --git a/packages/react/src/hooks/useAuth.ts b/packages/react/src/hooks/useAuth.ts
@@ -7,7 +7,7 @@ import type {
   PendingSessionOptions,
   SignOut,
   UseAuthReturn,
-} from '@clerk/types';
+} from '@clerk/shared/types';
 import { useCallback } from 'react';
 
 import { useAuthContext } from '../contexts/AuthContext';
diff --git a/packages/react/src/hooks/useClerkSignal.ts b/packages/react/src/hooks/useClerkSignal.ts
@@ -1,4 +1,4 @@
-import type { SignInSignalValue, SignUpSignalValue } from '@clerk/types';
+import type { SignInSignalValue, SignUpSignalValue } from '@clerk/shared/types';
 import { useCallback, useSyncExternalStore } from 'react';
 
 import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
diff --git a/packages/react/src/hooks/useEmailLink.ts b/packages/react/src/hooks/useEmailLink.ts
@@ -5,7 +5,7 @@ import type {
   SignInStartEmailLinkFlowParams,
   SignUpResource,
   StartEmailLinkFlowParams,
-} from '@clerk/types';
+} from '@clerk/shared/types';
 import React from 'react';
 
 type EmailLinkable = SignUpResource | EmailAddressResource | SignInResource;
diff --git a/packages/react/src/hooks/useRoutingProps.ts b/packages/react/src/hooks/useRoutingProps.ts
@@ -1,4 +1,4 @@
-import type { RoutingOptions } from '@clerk/types';
+import type { RoutingOptions } from '@clerk/shared/types';
 
 import { errorThrower } from '../errors/errorThrower';
 import { incompatibleRoutingWithPathProvidedError, noPathProvidedError } from '../errors/messages';
diff --git a/packages/react/src/hooks/useSignIn.ts b/packages/react/src/hooks/useSignIn.ts
@@ -1,6 +1,6 @@
 import { useClientContext } from '@clerk/shared/react';
 import { eventMethodCalled } from '@clerk/shared/telemetry';
-import type { UseSignInReturn } from '@clerk/types';
+import type { UseSignInReturn } from '@clerk/shared/types';
 
 import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
 import { useAssertWrappedByClerkProvider } from './useAssertWrappedByClerkProvider';
diff --git a/packages/react/src/hooks/useSignUp.ts b/packages/react/src/hooks/useSignUp.ts
@@ -1,6 +1,6 @@
 import { useClientContext } from '@clerk/shared/react';
 import { eventMethodCalled } from '@clerk/shared/telemetry';
-import type { UseSignUpReturn } from '@clerk/types';
+import type { UseSignUpReturn } from '@clerk/shared/types';
 
 import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
 import { useAssertWrappedByClerkProvider } from './useAssertWrappedByClerkProvider';
diff --git a/packages/react/src/isomorphicClerk.ts b/packages/react/src/isomorphicClerk.ts
@@ -54,7 +54,7 @@ import type {
   WaitlistProps,
   WaitlistResource,
   Without,
-} from '@clerk/types';
+} from '@clerk/shared/types';
 
 import { errorThrower } from './errors/errorThrower';
 import { unsupportedNonBrowserDomainOrProxyUrlFunction } from './errors/messages';
diff --git a/packages/react/src/stateProxy.ts b/packages/react/src/stateProxy.ts
@@ -1,5 +1,5 @@
 import { inBrowser } from '@clerk/shared/browser';
-import type { Errors, State } from '@clerk/types';
+import type { Errors, State } from '@clerk/shared/types';
 
 import { errorThrower } from './errors/errorThrower';
 import type { IsomorphicClerk } from './isomorphicClerk';
diff --git a/packages/react/src/types.ts b/packages/react/src/types.ts
@@ -11,7 +11,7 @@ import type {
   SignUpRedirectOptions,
   TasksRedirectOptions,
   Without,
-} from '@clerk/types';
+} from '@clerk/shared/types';
 import type React from 'react';
 
 declare global {
diff --git a/packages/react/src/utils/useCustomMenuItems.tsx b/packages/react/src/utils/useCustomMenuItems.tsx
@@ -1,5 +1,5 @@
 import { logErrorInDevMode } from '@clerk/shared/utils';
-import type { CustomMenuItem } from '@clerk/types';
+import type { CustomMenuItem } from '@clerk/shared/types';
 import type { ReactElement } from 'react';
 import React from 'react';
 
diff --git a/packages/react/src/utils/useCustomPages.tsx b/packages/react/src/utils/useCustomPages.tsx
@@ -1,5 +1,5 @@
 import { logErrorInDevMode } from '@clerk/shared/utils';
-import type { CustomPage } from '@clerk/types';
+import type { CustomPage } from '@clerk/shared/types';
 import type { ReactElement } from 'react';
 import React from 'react';
 
diff --git a/packages/shared/src/react/hooks/__tests__/usePlans.spec.tsx b/packages/shared/src/react/hooks/__tests__/usePlans.spec.tsx
@@ -41,7 +41,7 @@ vi.mock('../../contexts', () => {
   };
 });
 
-import type { BillingPlanResource } from '@clerk/types';
+import type { BillingPlanResource } from '@clerk/shared/types';
 
 import { usePlans } from '../usePlans';
 import { wrapper } from './wrapper';

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { Resources, UnsubscribeCallback } from '@clerk/types';`
	`1`	`+import type { Resources, UnsubscribeCallback } from '@clerk/shared/types';`
`2`	`2`	`import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';`
`3`	`3`
`4`	`4`	`import { IsomorphicClerk } from '../isomorphicClerk';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { __experimental_CheckoutButtonProps } from '@clerk/types';`
	`1`	`+import type { __experimental_CheckoutButtonProps } from '@clerk/shared/types';`
`2`	`2`	`import React from 'react';`
`3`	`3`
`4`	`4`	`import { useAuth } from '../hooks';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { __experimental_PlanDetailsButtonProps } from '@clerk/types';`
	`1`	`+import type { __experimental_PlanDetailsButtonProps } from '@clerk/shared/types';`
`2`	`2`	`import React from 'react';`
`3`	`3`
`4`	`4`	`import type { WithClerkProp } from '../types';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { SignInButtonProps, SignInProps } from '@clerk/types';`
	`1`	`+import type { SignInButtonProps, SignInProps } from '@clerk/shared/types';`
`2`	`2`	`import React from 'react';`
`3`	`3`
`4`	`4`	`import type { WithClerkProp } from '../types';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { SignOutOptions } from '@clerk/types';`
	`1`	`+import type { SignOutOptions } from '@clerk/shared/types';`
`2`	`2`	`import React from 'react';`
`3`	`3`
`4`	`4`	`import type { WithClerkProp } from '../types';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { SignUpButtonProps, SignUpProps } from '@clerk/types';`
	`1`	`+import type { SignUpButtonProps, SignUpProps } from '@clerk/shared/types';`
`2`	`2`	`import React from 'react';`
`3`	`3`
`4`	`4`	`import type { WithClerkProp } from '../types';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { __experimental_SubscriptionDetailsButtonProps } from '@clerk/types';`
	`1`	`+import type { __experimental_SubscriptionDetailsButtonProps } from '@clerk/shared/types';`
`2`	`2`	`import React from 'react';`
`3`	`3`
`4`	`4`	`import { useAuth } from '../hooks';`