diff --git a/docs/_partials/billing/add-new-payment-method.mdx b/docs/_partials/billing/add-new-payment-method.mdx
index 7a310509e0..36e255b395 100644
--- a/docs/_partials/billing/add-new-payment-method.mdx
+++ b/docs/_partials/billing/add-new-payment-method.mdx
@@ -87,8 +87,8 @@ The following example demonstrates how to create a billing page where a user can
 <If sdk="react">
   <CodeBlockTabs options={["<UserBillingPage />", "<AddPaymentMethodForm />"]}>
     ```tsx {{ filename: 'src/pages/user/billing/page.tsx' }}
-    import { ClerkLoaded } from '@clerk/clerk-react'
-    import { PaymentElementProvider } from '@clerk/clerk-react/experimental'
+    import { ClerkLoaded } from '@clerk/react'
+    import { PaymentElementProvider } from '@clerk/react/experimental'
     import { AddPaymentMethodForm } from './AddPaymentMethodForm'
 
     export default function Page() {
@@ -107,8 +107,8 @@ The following example demonstrates how to create a billing page where a user can
     ```
 
     ```tsx {{ filename: 'src/pages/user/billing/AddPaymentMethodForm.tsx', collapsible: true }}
-    import { useUser } from '@clerk/clerk-react'
-    import { usePaymentElement, PaymentElement } from '@clerk/clerk-react/experimental'
+    import { useUser } from '@clerk/react'
+    import { usePaymentElement, PaymentElement } from '@clerk/react/experimental'
     import { useState } from 'react'
 
     export function AddPaymentMethodForm() {
diff --git a/docs/_partials/billing/checking-feature-using-has-function.mdx b/docs/_partials/billing/checking-feature-using-has-function.mdx
index ef61309eed..7e6d67fdcd 100644
--- a/docs/_partials/billing/checking-feature-using-has-function.mdx
+++ b/docs/_partials/billing/checking-feature-using-has-function.mdx
@@ -120,7 +120,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/premium-content.tsx' }}
-  import { useAuth } from '@clerk/clerk-react'
+  import { useAuth } from '@clerk/react'
 
   export default function PremiumContentPage() {
     const { isLoaded, has } = useAuth()
@@ -214,7 +214,7 @@
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(home)/premium-content.tsx' }}
-  import { useAuth } from '@clerk/clerk-expo'
+  import { useAuth } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function PremiumContentPage() {
diff --git a/docs/_partials/billing/checking-feature-using-protect.mdx b/docs/_partials/billing/checking-feature-using-protect.mdx
index a78ce30404..f85b2d8557 100644
--- a/docs/_partials/billing/checking-feature-using-protect.mdx
+++ b/docs/_partials/billing/checking-feature-using-protect.mdx
@@ -84,7 +84,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/protected-premium-content.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   export default function ProtectedPremiumContentPage() {
     return (
@@ -166,7 +166,7 @@
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(home)/protected-premium-content.tsx' }}
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function ProtectedPremiumContentPage() {
diff --git a/docs/_partials/billing/checking-permission-using-has-function.mdx b/docs/_partials/billing/checking-permission-using-has-function.mdx
index 4d6fcb513c..b8b5981158 100644
--- a/docs/_partials/billing/checking-permission-using-has-function.mdx
+++ b/docs/_partials/billing/checking-permission-using-has-function.mdx
@@ -132,7 +132,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/manage-premium-content.tsx' }}
-  import { useAuth } from '@clerk/clerk-react'
+  import { useAuth } from '@clerk/react'
 
   export default function ManagePremiumContentPage() {
     const { has, isLoaded } = useAuth()
@@ -236,7 +236,7 @@
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(home)/manage-premium-content.tsx' }}
-  import { useAuth } from '@clerk/clerk-expo'
+  import { useAuth } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function ManagePremiumContentPage() {
diff --git a/docs/_partials/billing/checking-permission-using-protect.mdx b/docs/_partials/billing/checking-permission-using-protect.mdx
index e8c6fca4fb..4565733b1e 100644
--- a/docs/_partials/billing/checking-permission-using-protect.mdx
+++ b/docs/_partials/billing/checking-permission-using-protect.mdx
@@ -88,7 +88,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/protected-manage-content.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   export default function ProtectedManageContentPage() {
     return (
@@ -178,7 +178,7 @@
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(home)/protected-manage-content.tsx' }}
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function ProtectedManageContentPage() {
diff --git a/docs/_partials/billing/checking-plan-using-has-function.mdx b/docs/_partials/billing/checking-plan-using-has-function.mdx
index 11b7e84a01..44d772103b 100644
--- a/docs/_partials/billing/checking-plan-using-has-function.mdx
+++ b/docs/_partials/billing/checking-plan-using-has-function.mdx
@@ -116,7 +116,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/bronze-content.tsx' }}
-  import { useAuth } from '@clerk/clerk-react'
+  import { useAuth } from '@clerk/react'
 
   export default function BronzeContentPage() {
     const { has, isLoaded } = useAuth()
@@ -206,7 +206,7 @@
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(home)/bronze-content.tsx' }}
-  import { useAuth } from '@clerk/clerk-expo'
+  import { useAuth } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function BronzeContentPage() {
diff --git a/docs/_partials/billing/checking-plan-using-protect.mdx b/docs/_partials/billing/checking-plan-using-protect.mdx
index 39b4f146ab..35063ce8f5 100644
--- a/docs/_partials/billing/checking-plan-using-protect.mdx
+++ b/docs/_partials/billing/checking-plan-using-protect.mdx
@@ -78,7 +78,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/protected-content.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   export default function ProtectedContentPage() {
     return (
@@ -160,7 +160,7 @@
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(home)/protected-content.tsx' }}
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function ProtectedContentPage() {
diff --git a/docs/_partials/billing/create-a-pricing-table.mdx b/docs/_partials/billing/create-a-pricing-table.mdx
index 2ece553f44..38fbd5ff40 100644
--- a/docs/_partials/billing/create-a-pricing-table.mdx
+++ b/docs/_partials/billing/create-a-pricing-table.mdx
@@ -77,7 +77,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/screens/pricing.tsx' }}
-  import { PricingTable } from '@clerk/clerk-react'
+  import { PricingTable } from '@clerk/react'
 
   export default function PricingScreen() {
     return (
@@ -146,7 +146,7 @@
   > Expo only supports the `<PricingTable />` component on the **web**.
 
   ```tsx {{ filename: 'app/(home)/pricing.tsx' }}
-  import { PricingTable } from '@clerk/clerk-expo/web'
+  import { PricingTable } from '@clerk/expo/web'
   import { View } from 'react-native'
 
   export default function PricingPage() {
diff --git a/docs/_partials/billing/create-an-organization-pricing-table.mdx b/docs/_partials/billing/create-an-organization-pricing-table.mdx
index aa4d15193e..7f351d30c4 100644
--- a/docs/_partials/billing/create-an-organization-pricing-table.mdx
+++ b/docs/_partials/billing/create-an-organization-pricing-table.mdx
@@ -77,7 +77,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/screens/pricing.tsx' }}
-  import { PricingTable } from '@clerk/clerk-react'
+  import { PricingTable } from '@clerk/react'
 
   export default function PricingScreen() {
     return (
@@ -146,7 +146,7 @@
   > Expo only supports the `<PricingTable />` component on the **web**.
 
   ```tsx {{ filename: 'app/(home)/pricing.tsx' }}
-  import { PricingTable } from '@clerk/clerk-expo/web'
+  import { PricingTable } from '@clerk/expo/web'
   import { View } from 'react-native'
 
   export default function PricingPage() {
diff --git a/docs/_partials/control-components-with-clerkdegraded.mdx b/docs/_partials/control-components-with-clerkdegraded.mdx
index 68016780d1..10e6e72716 100644
--- a/docs/_partials/control-components-with-clerkdegraded.mdx
+++ b/docs/_partials/control-components-with-clerkdegraded.mdx
@@ -52,7 +52,7 @@
 
 <If sdk="react">
   ```tsx {{ filename: 'src/App.tsx' }}
-  import { ClerkLoaded, ClerkLoading, ClerkDegraded, ClerkFailed } from '@clerk/clerk-react'
+  import { ClerkLoaded, ClerkLoading, ClerkDegraded, ClerkFailed } from '@clerk/react'
 
   export default function App() {
     return (
diff --git a/docs/_partials/expo/sign-out-custom-flow.mdx b/docs/_partials/expo/sign-out-custom-flow.mdx
index 1a4c5537c8..d1fc143a58 100644
--- a/docs/_partials/expo/sign-out-custom-flow.mdx
+++ b/docs/_partials/expo/sign-out-custom-flow.mdx
@@ -1,5 +1,5 @@
 ```tsx {{ filename: 'app/components/SignOutButton.tsx', collapsible: true }}
-import { useClerk } from '@clerk/clerk-expo'
+import { useClerk } from '@clerk/expo'
 import { useRouter } from 'expo-router'
 import { Text, TouchableOpacity } from 'react-native'
 
diff --git a/docs/_partials/expo/use-sign-in-with-apple-example.mdx b/docs/_partials/expo/use-sign-in-with-apple-example.mdx
index 144a234fd7..96214bf1ca 100644
--- a/docs/_partials/expo/use-sign-in-with-apple-example.mdx
+++ b/docs/_partials/expo/use-sign-in-with-apple-example.mdx
@@ -1,7 +1,7 @@
 The following example demonstrates how to use the [`useSignInWithApple()`](/docs/reference/expo/use-sign-in-with-apple) hook to manage the Apple authentication flow. Because the `useSignInWithApple()` hook automatically manages the [transfer flow](!transfer-flow) between sign-up and sign-in, you can use this component for both your sign-up and sign-in pages.
 
 ```tsx {{ filename: 'components/AppleSignInButton.tsx', collapsible: true }}
-import { useSignInWithApple } from '@clerk/clerk-expo'
+import { useSignInWithApple } from '@clerk/expo'
 import { useRouter } from 'expo-router'
 import { Alert, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
 
diff --git a/docs/_partials/reverification-callout.mdx b/docs/_partials/reverification-callout.mdx
index c1a78929f3..975f9e4120 100644
--- a/docs/_partials/reverification-callout.mdx
+++ b/docs/_partials/reverification-callout.mdx
@@ -1,3 +1,8 @@
 > [!WARNING]
 >
-> Depending on the SDK you're using, this feature requires `@clerk/nextjs@6.12.7` or later, `@clerk/clerk-react@5.25.1` or later, `@clerk/clerk-js@5.57.1` or later and `@clerk/clerk-sdk-ruby@3.3.0` or later.
+> This feature requires one of the following SDKS:
+>
+> - `@clerk/nextjs@6.12.7` or later
+> - `@clerk/react`, or `@clerk/clerk-react@5.25.1` or later
+> - `@clerk/clerk-js@5.57.1` or later
+> - `@clerk/clerk-sdk-ruby@3.3.0` or later
diff --git a/docs/getting-started/quickstart.expo.mdx b/docs/getting-started/quickstart.expo.mdx
index ca7517323e..2ed35a6a2e 100644
--- a/docs/getting-started/quickstart.expo.mdx
+++ b/docs/getting-started/quickstart.expo.mdx
@@ -30,14 +30,14 @@ sdk: expo
 
   <Include src="_partials/native-api-callout" />
 
-  ## Install `@clerk/clerk-expo`
+  ## Install `@clerk/expo`
 
   The [Clerk Expo SDK](/docs/reference/expo/overview) gives you access to prebuilt components, hooks, and helpers to make user authentication easier.
 
   Run the following command to install the SDK:
 
   ```npm
-  npm install @clerk/clerk-expo
+  npm install @clerk/expo
   ```
 
   ## Set your Clerk API keys
@@ -71,7 +71,7 @@ sdk: expo
   Add the component to your root layout as shown in the following example:
 
   ```tsx {{ filename: 'app/_layout.tsx', mark: [1, 6, 8] }}
-  import { ClerkProvider } from '@clerk/clerk-expo'
+  import { ClerkProvider } from '@clerk/expo'
   import { Slot } from 'expo-router'
 
   export default function RootLayout() {
@@ -97,8 +97,8 @@ sdk: expo
 
   1. Update your root layout to use the secure token cache:
      ```tsx {{ filename: 'app/_layout.tsx', mark: [2, 7] }}
-     import { ClerkProvider } from '@clerk/clerk-expo'
-     import { tokenCache } from '@clerk/clerk-expo/token-cache'
+     import { ClerkProvider } from '@clerk/expo'
+     import { tokenCache } from '@clerk/expo/token-cache'
      import { Slot } from 'expo-router'
 
      export default function RootLayout() {
@@ -126,7 +126,7 @@ sdk: expo
 
   ```tsx {{ filename: 'app/(auth)/_layout.tsx' }}
   import { Redirect, Stack } from 'expo-router'
-  import { useAuth } from '@clerk/clerk-expo'
+  import { useAuth } from '@clerk/expo'
 
   export default function AuthRoutesLayout() {
     const { isSignedIn } = useAuth()
@@ -146,7 +146,7 @@ sdk: expo
   ```tsx {{ filename: 'app/(auth)/sign-up.tsx', collapsible: true }}
   import * as React from 'react'
   import { Text, TextInput, TouchableOpacity, View } from 'react-native'
-  import { useSignUp } from '@clerk/clerk-expo'
+  import { useSignUp } from '@clerk/expo'
   import { Link, useRouter } from 'expo-router'
 
   export default function SignUpScreen() {
@@ -263,7 +263,7 @@ sdk: expo
   In the `(auth)` group, create a `sign-in.tsx` file with the following code. The [`useSignIn()`](/docs/reference/hooks/use-sign-in) hook is used to create a sign-in flow. The user can sign in using email address and password, or navigate to the sign-up page.
 
   ```tsx {{ filename: 'app/(auth)/sign-in.tsx', collapsible: true }}
-  import { useSignIn } from '@clerk/clerk-expo'
+  import { useSignIn } from '@clerk/expo'
   import { Link, useRouter } from 'expo-router'
   import { Text, TextInput, TouchableOpacity, View } from 'react-native'
   import React from 'react'
@@ -365,7 +365,7 @@ sdk: expo
   Then, in the same folder, create an `index.tsx` file with the following code. If the user is signed in, it displays their email and a sign-out button. If they're not signed in, it displays sign-in and sign-up links.
 
   ```tsx {{ filename: 'app/(home)/index.tsx' }}
-  import { SignedIn, SignedOut, useUser } from '@clerk/clerk-expo'
+  import { SignedIn, SignedOut, useUser } from '@clerk/expo'
   import { Link } from 'expo-router'
   import { Text, View } from 'react-native'
   import { SignOutButton } from '@/app/components/SignOutButton'
diff --git a/docs/getting-started/quickstart.react.mdx b/docs/getting-started/quickstart.react.mdx
index 657bfb3d70..a4d93bc0e6 100644
--- a/docs/getting-started/quickstart.react.mdx
+++ b/docs/getting-started/quickstart.react.mdx
@@ -20,14 +20,14 @@ This tutorial will demonstrate how to create a new React app using Vite and add
   npm run dev
   ```
 
-  ## Install `@clerk/clerk-react`
+  ## Install `@clerk/react`
 
   The [Clerk React SDK](/docs/reference/react/overview) gives you access to prebuilt components, hooks, and helpers to make user authentication easier.
 
   Run the following command to install the SDK:
 
   ```npm
-  npm install @clerk/clerk-react
+  npm install @clerk/react
   ```
 
   ## Set your Clerk API keys
@@ -89,7 +89,7 @@ This tutorial will demonstrate how to create a new React app using Vite and add
   import { createRoot } from 'react-dom/client'
   import './index.css'
   import App from './App.tsx'
-  import { ClerkProvider } from '@clerk/clerk-react'
+  import { ClerkProvider } from '@clerk/react'
 
   // Import your Publishable Key
   const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY
@@ -117,7 +117,7 @@ This tutorial will demonstrate how to create a new React app using Vite and add
   - [`<SignInButton />`](/docs/reference/components/unstyled/sign-in-button): An unstyled component that links to the sign-in page. In this example, since no props or [environment variables](/docs/guides/development/clerk-environment-variables) are set for the sign-in URL, this component links to the [Account Portal sign-in page](/docs/guides/customizing-clerk/account-portal#sign-in).
 
   ```tsx {{ filename: 'src/App.tsx', mark: [1, [5, 12]] }}
-  import { SignedIn, SignedOut, SignInButton, UserButton } from '@clerk/clerk-react'
+  import { SignedIn, SignedOut, SignInButton, UserButton } from '@clerk/react'
 
   export default function App() {
     return (
diff --git a/docs/guides/customizing-clerk/appearance-prop/captcha.mdx b/docs/guides/customizing-clerk/appearance-prop/captcha.mdx
index c58798abb9..50cdf0542d 100644
--- a/docs/guides/customizing-clerk/appearance-prop/captcha.mdx
+++ b/docs/guides/customizing-clerk/appearance-prop/captcha.mdx
@@ -79,7 +79,7 @@ The `captcha` property can be used to change the appearance of the CAPTCHA widge
     ```tsx {{ filename: 'app.tsx', mark: [[13, 18]] }}
     import React from 'react'
     import './App.css'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     if (!process.env.REACT_APP_CLERK_PUBLISHABLE_KEY) {
       throw new Error('Missing Publishable Key')
diff --git a/docs/guides/customizing-clerk/appearance-prop/themes.mdx b/docs/guides/customizing-clerk/appearance-prop/themes.mdx
index 97f6332962..a262c9ec6f 100644
--- a/docs/guides/customizing-clerk/appearance-prop/themes.mdx
+++ b/docs/guides/customizing-clerk/appearance-prop/themes.mdx
@@ -145,7 +145,7 @@ In the following example, the "Dark" theme is applied to all Clerk components.
     import React from 'react'
     import './App.css'
     import { dark } from '@clerk/themes'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     if (!process.env.REACT_APP_CLERK_PUBLISHABLE_KEY) {
       throw new Error('Missing Publishable Key')
@@ -318,7 +318,7 @@ In the following example, the "Dark" theme is applied first, then the "Neobrutal
     import React from 'react'
     import './App.css'
     import { dark, neobrutalism } from '@clerk/themes'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     if (!process.env.REACT_APP_CLERK_PUBLISHABLE_KEY) {
       throw new Error('Missing Publishable Key')
@@ -493,7 +493,7 @@ In the following example, the "Neobrutalism" theme is applied to all instances o
     import React from 'react'
     import './App.css'
     import { dark } from '@clerk/themes'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     if (!process.env.REACT_APP_CLERK_PUBLISHABLE_KEY) {
       throw new Error('Missing Publishable Key')
@@ -657,7 +657,7 @@ To apply a theme to a single Clerk component, pass the `appearance` prop to the
 
   <Tab>
     ```tsx {{ filename: '/src/sign-in/[[...index]].tsx', mark: [2, [6, 8]] }}
-    import { SignIn } from '@clerk/clerk-react'
+    import { SignIn } from '@clerk/react'
     import { dark } from '@clerk/themes'
 
     const SignInPage = () => (
@@ -802,7 +802,7 @@ In the following example, the primary color of the themes are customized.
     import React from 'react'
     import './App.css'
     import { dark, neobrutalism, shadesOfPurple } from '@clerk/themes'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     if (!process.env.REACT_APP_CLERK_PUBLISHABLE_KEY) {
       throw new Error('Missing Publishable Key')
diff --git a/docs/guides/customizing-clerk/appearance-prop/variables.mdx b/docs/guides/customizing-clerk/appearance-prop/variables.mdx
index 1e15d3d148..7dada83ee5 100644
--- a/docs/guides/customizing-clerk/appearance-prop/variables.mdx
+++ b/docs/guides/customizing-clerk/appearance-prop/variables.mdx
@@ -299,7 +299,7 @@ In the following example, the primary color is set to blue and the text color is
     ```tsx {{ filename: 'app.tsx', mark: [[13, 18]] }}
     import React from 'react'
     import './App.css'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     if (!process.env.REACT_APP_CLERK_PUBLISHABLE_KEY) {
       throw new Error('Missing Publishable Key')
@@ -489,7 +489,7 @@ In the following example, the primary color is set to blue and the text color is
     ```tsx {{ filename: 'app.tsx', mark: [[13, 20]] }}
     import React from 'react'
     import './App.css'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     if (!process.env.REACT_APP_CLERK_PUBLISHABLE_KEY) {
       throw new Error('Missing Publishable Key')
@@ -674,7 +674,7 @@ The following example shows how to customize the [`<SignIn />`](/docs/reference/
 
   <Tab>
     ```tsx {{ filename: '/src/sign-in/[[...index]].tsx', mark: [[5, 10]] }}
-    import { SignIn } from '@clerk/clerk-react'
+    import { SignIn } from '@clerk/react'
 
     const SignInPage = () => (
       <SignIn
diff --git a/docs/guides/development/access-clerk-outside-components.mdx b/docs/guides/development/access-clerk-outside-components.mdx
index 96553a04ea..b882d18429 100644
--- a/docs/guides/development/access-clerk-outside-components.mdx
+++ b/docs/guides/development/access-clerk-outside-components.mdx
@@ -9,7 +9,7 @@ The [`Clerk`](/docs/reference/javascript/clerk) object is accessible using the [
 <Tabs items={["Fetch", "Axios"]}>
   <Tab>
     ```ts
-    import { getClerkInstance } from '@clerk/clerk-expo'
+    import { getClerkInstance } from '@clerk/expo'
 
     export async function fetchFoo() {
       const clerkInstance = getClerkInstance()
@@ -37,7 +37,7 @@ The [`Clerk`](/docs/reference/javascript/clerk) object is accessible using the [
   <Tab>
     ```ts
     import axios from 'axios'
-    import { getClerkInstance } from '@clerk/clerk-expo'
+    import { getClerkInstance } from '@clerk/expo'
 
     export async function fetchFoo() {
       try {
diff --git a/docs/guides/development/clerk-environment-variables.mdx b/docs/guides/development/clerk-environment-variables.mdx
index e6ce82086d..f9dcf560af 100644
--- a/docs/guides/development/clerk-environment-variables.mdx
+++ b/docs/guides/development/clerk-environment-variables.mdx
@@ -51,7 +51,7 @@ The following environment variables enable you to configure API and SDK behavior
   <Tab>
     | Variable | Description |
     | - | - |
-    | `CLERK_JS_URL` | Sets the URL that `@clerk/clerk-react` should hot-load `@clerk/clerk-js` from. `CLERK_JS` does the same but is deprecated. |
+    | `CLERK_JS_URL` | Sets the URL that `@clerk/react` should hot-load `@clerk/clerk-js` from. `CLERK_JS` does the same but is deprecated. |
     | `CLERK_JS_VERSION` | Sets the npm version for `@clerk/clerk-js`. |
     | `CLERK_API_URL` | Sets the Clerk API URL for debugging. Defaults to `"https://api.clerk.com"` |
     | `CLERK_API_VERSION` | Sets the version of the Clerk API to use. Defaults to `"v1"` |
@@ -63,7 +63,7 @@ The following environment variables enable you to configure API and SDK behavior
   <Tab>
     | Variable | Description |
     | - | - |
-    | `NEXT_PUBLIC_CLERK_JS_URL` | Sets the URL that `@clerk/clerk-react` should hot-load `@clerk/clerk-js` from. `NEXT_PUBLIC_CLERK_JS` does the same but is deprecated. |
+    | `NEXT_PUBLIC_CLERK_JS_URL` | Sets the URL that `@clerk/react` should hot-load `@clerk/clerk-js` from. `NEXT_PUBLIC_CLERK_JS` does the same but is deprecated. |
     | `NEXT_PUBLIC_CLERK_JS_VERSION` | Sets the npm version for `@clerk/clerk-js`. |
     | `NEXT_PUBLIC_CLERK_API_URL` | Sets the Clerk API URL for debugging. Defaults to `"https://api.clerk.com"` |
     | `NEXT_PUBLIC_CLERK_API_VERSION` | Sets the version of the Clerk API to use. Defaults to `"v1"` |
diff --git a/docs/guides/development/custom-flows/account-updates/manage-totp-based-mfa.mdx b/docs/guides/development/custom-flows/account-updates/manage-totp-based-mfa.mdx
index 4b0a658a80..15e904a86c 100644
--- a/docs/guides/development/custom-flows/account-updates/manage-totp-based-mfa.mdx
+++ b/docs/guides/development/custom-flows/account-updates/manage-totp-based-mfa.mdx
@@ -342,7 +342,7 @@ One of the options that Clerk supports for MFA is **Authenticator applications (
 
           ```tsx {{ filename: 'app/(dashboard)/_layout.tsx' }}
           import { Redirect, Stack } from 'expo-router'
-          import { useAuth } from '@clerk/clerk-expo'
+          import { useAuth } from '@clerk/expo'
 
           export default function AuthenticatedLayout() {
             const { isSignedIn } = useAuth()
@@ -361,7 +361,7 @@ One of the options that Clerk supports for MFA is **Authenticator applications (
 
           ```tsx {{ filename: 'app/(dashboard)/account.tsx', collapsible: true }}
           import React from 'react'
-          import { useUser } from '@clerk/clerk-expo'
+          import { useUser } from '@clerk/expo'
           import { useRouter } from 'expo-router'
           import { View, Text, Button, FlatList } from 'react-native'
           import { BackupCodeResource } from '@clerk/types'
@@ -452,7 +452,7 @@ One of the options that Clerk supports for MFA is **Authenticator applications (
 
           ```tsx {{ filename: 'app/(dashboard)/add-mfa.tsx', collapsible: true }}
           import React from 'react'
-          import { useUser } from '@clerk/clerk-expo'
+          import { useUser } from '@clerk/expo'
           import { Link } from 'expo-router'
           import { QrCodeSvg } from 'react-native-qr-svg'
           import { FlatList, Button, Text, TextInput, View } from 'react-native'
diff --git a/docs/guides/development/custom-flows/account-updates/user-impersonation.mdx b/docs/guides/development/custom-flows/account-updates/user-impersonation.mdx
index 1ed45681c2..34632d5452 100644
--- a/docs/guides/development/custom-flows/account-updates/user-impersonation.mdx
+++ b/docs/guides/development/custom-flows/account-updates/user-impersonation.mdx
@@ -205,7 +205,7 @@ This guide will walk you through how to build a custom flow that handles user im
 
       ```tsx {{ filename: 'app/dashboard/_layout.tsx' }}
       import { Redirect, Stack } from 'expo-router'
-      import { Protect, useAuth } from '@clerk/clerk-expo'
+      import { Protect, useAuth } from '@clerk/expo'
       import { Text } from 'react-native'
 
       export default function GuestLayout() {
@@ -331,7 +331,7 @@ This guide will walk you through how to build a custom flow that handles user im
       import React, { useState } from 'react'
       import { Button, Text, View } from 'react-native'
       import { useRouter } from 'expo-router'
-      import { useUser, useSignIn } from '@clerk/clerk-expo'
+      import { useUser, useSignIn } from '@clerk/expo'
       import useUsers from '../hooks/useUsers'
 
       export default function Dashboard() {
diff --git a/docs/guides/development/custom-flows/authentication/email-password-mfa.mdx b/docs/guides/development/custom-flows/authentication/email-password-mfa.mdx
index 68e1377496..fb0b387b9b 100644
--- a/docs/guides/development/custom-flows/authentication/email-password-mfa.mdx
+++ b/docs/guides/development/custom-flows/authentication/email-password-mfa.mdx
@@ -336,7 +336,7 @@ This guide will walk you through how to build a custom email/password sign-in fl
 
       ```tsx {{ filename: 'app/(auth)/_layout.tsx' }}
       import { Redirect, Stack } from 'expo-router'
-      import { useAuth } from '@clerk/clerk-expo'
+      import { useAuth } from '@clerk/expo'
 
       export default function AuthenticatedLayout() {
         const { isSignedIn } = useAuth()
@@ -353,7 +353,7 @@ This guide will walk you through how to build a custom email/password sign-in fl
 
       ```tsx {{ filename: 'app/(auth)/sign-in.tsx', collapsible: true }}
       import React from 'react'
-      import { useSignIn } from '@clerk/clerk-expo'
+      import { useSignIn } from '@clerk/expo'
       import { useRouter } from 'expo-router'
       import { Text, TextInput, Button, View } from 'react-native'
       import Checkbox from 'expo-checkbox'
diff --git a/docs/guides/development/custom-flows/authentication/email-password.mdx b/docs/guides/development/custom-flows/authentication/email-password.mdx
index 0918080c1c..2a0dc7c993 100644
--- a/docs/guides/development/custom-flows/authentication/email-password.mdx
+++ b/docs/guides/development/custom-flows/authentication/email-password.mdx
@@ -279,7 +279,7 @@ This guide will walk you through how to build a custom email/password sign-up an
 
       ```tsx {{ filename: 'app/(auth)/_layout.tsx' }}
       import { Redirect, Stack } from 'expo-router'
-      import { useAuth } from '@clerk/clerk-expo'
+      import { useAuth } from '@clerk/expo'
 
       export default function GuestLayout() {
         const { isSignedIn } = useAuth()
@@ -297,7 +297,7 @@ This guide will walk you through how to build a custom email/password sign-up an
       ```tsx {{ filename: 'app/(auth)/sign-up.tsx', collapsible: true }}
       import * as React from 'react'
       import { Text, TextInput, Button, View } from 'react-native'
-      import { useSignUp } from '@clerk/clerk-expo'
+      import { useSignUp } from '@clerk/expo'
       import { Link, useRouter } from 'expo-router'
 
       export default function Page() {
@@ -856,7 +856,7 @@ This guide will walk you through how to build a custom email/password sign-up an
       In the `(auth)` group, create a `sign-in.tsx` file with the following code. The [`useSignIn()`](/docs/reference/hooks/use-sign-in) hook is used to create a sign-in flow. The user can sign in using email address and password, or navigate to the sign-up page.
 
       ```tsx {{ filename: 'app/(auth)/sign-in.tsx', collapsible: true }}
-      import { useSignIn } from '@clerk/clerk-expo'
+      import { useSignIn } from '@clerk/expo'
       import { Link, useRouter } from 'expo-router'
       import { Text, TextInput, Button, View } from 'react-native'
       import React from 'react'
diff --git a/docs/guides/development/custom-flows/authentication/enterprise-connections.mdx b/docs/guides/development/custom-flows/authentication/enterprise-connections.mdx
index a63c2937fe..3e09f8756c 100644
--- a/docs/guides/development/custom-flows/authentication/enterprise-connections.mdx
+++ b/docs/guides/development/custom-flows/authentication/enterprise-connections.mdx
@@ -86,7 +86,7 @@ You must configure your application instance through the Clerk Dashboard for the
     import React, { useEffect, useState } from 'react'
     import * as WebBrowser from 'expo-web-browser'
     import * as AuthSession from 'expo-auth-session'
-    import { useSSO } from '@clerk/clerk-expo'
+    import { useSSO } from '@clerk/expo'
     import { View, Button, TextInput, Platform } from 'react-native'
 
     export const useWarmUpBrowser = () => {
diff --git a/docs/guides/development/custom-flows/authentication/multi-session-applications.mdx b/docs/guides/development/custom-flows/authentication/multi-session-applications.mdx
index c7c07732c4..822be498a3 100644
--- a/docs/guides/development/custom-flows/authentication/multi-session-applications.mdx
+++ b/docs/guides/development/custom-flows/authentication/multi-session-applications.mdx
@@ -28,7 +28,7 @@ To enable multi-session in your application, you need to configure it in the Cle
 
 <CodeBlockTabs options={["React", "JavaScript", "iOS"]}>
   ```jsx
-  import { useClerk } from '@clerk/clerk-react'
+  import { useClerk } from '@clerk/react'
 
   // Get the session and user
   const { session, user } = useClerk()
@@ -55,7 +55,7 @@ To enable multi-session in your application, you need to configure it in the Cle
 
 <CodeBlockTabs options={["React", "JavaScript", "iOS"]}>
   ```jsx
-  import { useClerk } from '@clerk/clerk-react'
+  import { useClerk } from '@clerk/react'
 
   const { client, setActive } = useClerk()
 
@@ -124,7 +124,7 @@ Use [`signOut()`](/docs/reference/javascript/clerk#sign-out) to deactivate all s
 
 <CodeBlockTabs options={["React", "JavaScript", "iOS"]}>
   ```jsx
-  import { useClerk } from '@clerk/clerk-react'
+  import { useClerk } from '@clerk/react'
 
   const { signOut, session } = useClerk()
 
@@ -149,7 +149,7 @@ Use [`signOut()`](/docs/reference/javascript/clerk#sign-out) to deactivate a spe
 
 <CodeBlockTabs options={["React", "JavaScript", "iOS"]}>
   ```jsx
-  import { useClerk } from '@clerk/clerk-react'
+  import { useClerk } from '@clerk/react'
 
   // Get the signOut method and the active session
   const { signOut, session } = useClerk()
diff --git a/docs/guides/development/custom-flows/authentication/oauth-connections.mdx b/docs/guides/development/custom-flows/authentication/oauth-connections.mdx
index 4a722abfd6..17367742eb 100644
--- a/docs/guides/development/custom-flows/authentication/oauth-connections.mdx
+++ b/docs/guides/development/custom-flows/authentication/oauth-connections.mdx
@@ -96,7 +96,7 @@ You must configure your application instance through the Clerk Dashboard for the
     import React, { useCallback, useEffect } from 'react'
     import * as WebBrowser from 'expo-web-browser'
     import * as AuthSession from 'expo-auth-session'
-    import { useSSO } from '@clerk/clerk-expo'
+    import { useSSO } from '@clerk/expo'
     import { View, Button, Platform } from 'react-native'
 
     // Preloads the browser for Android devices to reduce authentication load time
diff --git a/docs/guides/development/declarative-mode.mdx b/docs/guides/development/declarative-mode.mdx
index 6e7464a5c6..8b5e4780ed 100644
--- a/docs/guides/development/declarative-mode.mdx
+++ b/docs/guides/development/declarative-mode.mdx
@@ -54,7 +54,7 @@ This guide will cover how to add React Router in **declarative mode**, assuming
 
   ## Update `<ClerkProvider>`
 
-  Update `<ClerkProvider>` to be imported from `@clerk/react-router` instead of `@clerk/clerk-react`.
+  Update `<ClerkProvider>` to be imported from `@clerk/react-router` instead of `@clerk/react`.
 
   ```tsx {{ filename: 'src/main.tsx', mark: [3, 16, 18] }}
   import { StrictMode } from 'react'
diff --git a/docs/guides/development/image-optimization.mdx b/docs/guides/development/image-optimization.mdx
index 2d6ec73f0a..70bddc39aa 100644
--- a/docs/guides/development/image-optimization.mdx
+++ b/docs/guides/development/image-optimization.mdx
@@ -50,7 +50,7 @@ The following example demonstrates how you can get the `imageUrl` from the curre
   ```
 
   ```tsx {{ filename: 'components/image-optimization.tsx' }}
-  import { useClerk } from '@clerk/clerk-react'
+  import { useClerk } from '@clerk/react'
   import React from 'react'
 
   export default function ImageOptimization() {
diff --git a/docs/guides/development/integrations/analytics/google-analytics.mdx b/docs/guides/development/integrations/analytics/google-analytics.mdx
index 94201d11e0..abdc383316 100644
--- a/docs/guides/development/integrations/analytics/google-analytics.mdx
+++ b/docs/guides/development/integrations/analytics/google-analytics.mdx
@@ -100,7 +100,7 @@ The following example demonstrates how you can do this in React by using a `useE
 
 ```tsx {{ filename: 'src/analytics-tracker.tsx' }}
 import { useEffect } from 'react'
-import { useUser } from '@clerk/clerk-react'
+import { useUser } from '@clerk/react'
 
 const AnalyticsTracker = ({ analytics }) => {
   const { user } = useUser()
diff --git a/docs/guides/development/integrations/databases/convex.mdx b/docs/guides/development/integrations/databases/convex.mdx
index 65e62c5348..dd3b02e3f8 100644
--- a/docs/guides/development/integrations/databases/convex.mdx
+++ b/docs/guides/development/integrations/databases/convex.mdx
@@ -153,7 +153,7 @@ With [Convex](https://www.convex.dev/), you can build a backend with a provided
       import ReactDOM from 'react-dom/client'
       import App from './App.tsx'
       import './index.css'
-      import { ClerkProvider, useAuth } from '@clerk/clerk-react'
+      import { ClerkProvider, useAuth } from '@clerk/react'
       import { ConvexProviderWithClerk } from 'convex/react-clerk'
       import { ConvexReactClient } from 'convex/react'
 
@@ -225,7 +225,7 @@ With [Convex](https://www.convex.dev/), you can build a backend with a provided
 
     <Tab>
       ```tsx title="src/App.tsx"
-      import { SignInButton, UserButton } from '@clerk/clerk-react'
+      import { SignInButton, UserButton } from '@clerk/react'
       import { Authenticated, Unauthenticated, AuthLoading, useQuery } from 'convex/react'
       import { api } from '../convex/_generated/api'
 
diff --git a/docs/guides/development/local-credentials.mdx b/docs/guides/development/local-credentials.mdx
index b2d4fbec0c..abaddc0fe9 100644
--- a/docs/guides/development/local-credentials.mdx
+++ b/docs/guides/development/local-credentials.mdx
@@ -5,7 +5,7 @@ sdk: expo
 ---
 
 > [!WARNING]
-> This feature requires `@clerk/clerk-expo >=@2.2.0` and works only for sign-in attempts that use the password strategy.
+> This feature requires `@clerk/expo` or `@clerk/clerk-expo >=@2.2.0` and works only for sign-in attempts that use the password strategy.
 
 This guide demonstrates how to use the [`useLocalCredentials()`](/docs/reference/expo/use-local-credentials) hook in your Expo app to securely store a user's password credentials on their device, enabling biometric sign-in for returning users.
 
@@ -33,11 +33,11 @@ This guide demonstrates how to use the [`useLocalCredentials()`](/docs/reference
   The following example demonstrates how to use `useLocalCredentials()` in a custom flow for signing in users.
 
   ```tsx {{ filename: 'app/sign-in.tsx' }}
-  import { useSignIn } from '@clerk/clerk-expo'
+  import { useSignIn } from '@clerk/expo'
   import { Link, useRouter } from 'expo-router'
   import { Text, TextInput, Button, View } from 'react-native'
   import { useState } from 'react'
-  import { useLocalCredentials } from '@clerk/clerk-expo/local-credentials'
+  import { useLocalCredentials } from '@clerk/expo/local-credentials'
 
   export default function Page() {
     const router = useRouter()
@@ -130,8 +130,8 @@ This guide demonstrates how to use the [`useLocalCredentials()`](/docs/reference
   The following example demonstrates how to use the `userOwnsCredentials` and `clearCredentials` properties of the `useLocalCredentials()` hook in order to remove the stored credentials if those belong to the signed in user.
 
   ```tsx {{ filename: 'app/user.tsx' }}
-  import { useUser, useClerk } from '@clerk/clerk-expo'
-  import { useLocalCredentials } from '@clerk/clerk-expo/local-credentials'
+  import { useUser, useClerk } from '@clerk/expo'
+  import { useLocalCredentials } from '@clerk/expo/local-credentials'
   import { View, Text, Button } from 'react-native'
 
   export default function Page() {
@@ -157,8 +157,8 @@ This guide demonstrates how to use the [`useLocalCredentials()`](/docs/reference
   The following example demonstrates how to use `userOwnsCredentials` and `setCredentials` properties of the `useLocalCredentials()` hook in order to update the stored credentials if those belong to the signed in user.
 
   ```tsx {{ filename: 'app/update-user.tsx' }}
-  import { useUser, useClerk } from '@clerk/clerk-expo'
-  import { useLocalCredentials } from '@clerk/clerk-expo/local-credentials'
+  import { useUser, useClerk } from '@clerk/expo'
+  import { useLocalCredentials } from '@clerk/expo/local-credentials'
 
   export default function Page() {
     const { user } = useUser()
diff --git a/docs/guides/development/offline-support.mdx b/docs/guides/development/offline-support.mdx
index f3eef24139..f342cb2933 100644
--- a/docs/guides/development/offline-support.mdx
+++ b/docs/guides/development/offline-support.mdx
@@ -36,10 +36,10 @@ To enable offline support in your Expo app, follow these steps:
   On [`<ClerkProvider>`](/docs/reference/components/clerk-provider), pass the `resourceCache` object to the `__experimental_resourceCache` property, as shown in the following example:
 
   ```tsx {{ filename: 'app/_layout.tsx', mark: [4, 8] }}
-  import { ClerkProvider } from '@clerk/clerk-expo'
+  import { ClerkProvider } from '@clerk/expo'
   import { Slot } from 'expo-router'
-  import { tokenCache } from '@clerk/clerk-expo/token-cache'
-  import { resourceCache } from '@clerk/clerk-expo/resource-cache'
+  import { tokenCache } from '@clerk/expo/token-cache'
+  import { resourceCache } from '@clerk/expo/resource-cache'
 
   export default function RootLayout() {
     return (
@@ -58,7 +58,7 @@ When there is no internet connection, Clerk's custom flows (e.g., `signIn.create
 To handle network errors in your Expo app, you can use the `isClerkRuntimeError()` function to check if the error is a Clerk-related error. Clerk-related errors are returned as an array of [`ClerkAPIError`](/docs/reference/javascript/types/clerk-api-error) objects. These errors contain a `code` property that you can use to identify the specific error. See the following example.
 
 ```tsx {{ mark: [1, [22, 30]] }}
-import { useSignIn, isClerkRuntimeError } from '@clerk/clerk-expo'
+import { useSignIn, isClerkRuntimeError } from '@clerk/expo'
 import { Link, useRouter } from 'expo-router'
 import { Text, TextInput, Button, View } from 'react-native'
 import React from 'react'
diff --git a/docs/guides/development/sdk-development/frontend-only.mdx b/docs/guides/development/sdk-development/frontend-only.mdx
index 5d7a953384..de28d3e1d4 100644
--- a/docs/guides/development/sdk-development/frontend-only.mdx
+++ b/docs/guides/development/sdk-development/frontend-only.mdx
@@ -3,7 +3,7 @@ title: Frontend-only SDK
 description: A reference for implementing a frontend-only Clerk SDK
 ---
 
-While [ClerkJS](/docs/reference/javascript/overview) can be used in any browser context and framework, realistically users expect to consume its features through the conventions and syntax of their framework of choice. For example, `@clerk/clerk-react` turns ClerkJS into React components, `@clerk/astro` into Astro components, and so on.
+While [ClerkJS](/docs/reference/javascript/overview) can be used in any browser context and framework, realistically users expect to consume its features through the conventions and syntax of their framework of choice. For example, `@clerk/react` turns ClerkJS into React components, `@clerk/astro` into Astro components, and so on.
 
 In non-browser environments, you’ll need to re-implement the [Clerk class](/docs/reference/javascript/clerk) in the SDK’s programming language, interacting with the [FAPI](/docs/guides/development/sdk-development/terminology).
 
@@ -20,7 +20,7 @@ In non-browser environments, you’ll need to re-implement the [Clerk class](/do
 While the implementation details will vary for each SDK, there are certain steps you'll have to go through in any case. Consider the steps below a rough guidance on what needs to be done, and also remember to follow the [conventions](/docs/guides/development/sdk-development/conventions).
 
 > [!NOTE]
-> The code blocks below will be written in pseudo-code. If you're looking for real-world examples, have a look at these repositories: [`@clerk/clerk-react`](https://github.com/clerk/javascript/tree/main/packages/react), [`@clerk/astro`](https://github.com/clerk/javascript/tree/main/packages/astro)
+> The code blocks below will be written in pseudo-code. If you're looking for real-world examples, have a look at these repositories: [`@clerk/react`](https://github.com/clerk/javascript/tree/main/packages/react), [`@clerk/astro`](https://github.com/clerk/javascript/tree/main/packages/astro)
 
 <Steps>
   ### Create a Clerk instance
diff --git a/docs/guides/development/sdk-development/terminology.mdx b/docs/guides/development/sdk-development/terminology.mdx
index 3f16d66588..cf9acf04b7 100644
--- a/docs/guides/development/sdk-development/terminology.mdx
+++ b/docs/guides/development/sdk-development/terminology.mdx
@@ -16,7 +16,7 @@ A consistent terminology should be used across all user interactions with Clerk'
 | Secret Key | Your app’s Secret Key for use in the backend. Do not expose this on the frontend with a public environment variable. Allows for CRUD operations. |
 | Publishable Key | Your app’s Publishable Key for use in the frontend. |
 | Instances | When creating an app, you’re provided with two instances: Development and Production. [Learn more](/docs/guides/development/managing-environments). |
-| Hotloading ClerkJS | `@clerk/clerk-js`, or ClerkJS, is the foundational JavaScript library for all frontend JS SDKs, e.g. used in `@clerk/clerk-react`. When you install `@clerk/clerk-react` through npm, you don’t install `@clerk/clerk-js`. Instead, once the React code is executed in the browser, the React SDK adds a `<script>` tag to load ClerkJS from a CDN. Clerk internally calls this “hotloading”. |
+| Hotloading ClerkJS | `@clerk/clerk-js`, or ClerkJS, is the foundational JavaScript library for all frontend JS SDKs, e.g. used in `@clerk/react`. When you install `@clerk/react` through npm, you don’t install `@clerk/clerk-js`. Instead, once the React code is executed in the browser, the React SDK adds a `<script>` tag to load ClerkJS from a CDN. Clerk internally calls this “hotloading”. |
 | UI components | All components displayed in the [component reference](/docs/reference/components/overview) and available through the [`Clerk`](/docs/reference/javascript/clerk) class. |
 | Authorization header verification | This refers to the HTTP Authorization request header. Clerk uses this HTTP header instead of the `__client` cookie for secure communication with the FAPI in non-standard web browser environments. For example, in React Native apps, Chrome extensions, and hybrid apps like Electron, the `__client` JWT will be stored in a secure storage provided by the platform and injected into the HTTP header of each FAPI request. |
 | Handshake | The client handshake is a mechanism that is used to resolve a request’s authentication state from “unknown” to definitively signed in or signed out. Clerk’s session management architecture relies on a short-lived session JWT to validate requests, along with a long-lived session that is used to keep the session JWT fresh by interacting with the FAPI. The long-lived session token is stored in an `HttpOnly` cookie associated with the FAPI domain. If a short-lived session JWT is expired on a request to an application’s backend, the SDK doesn’t know if the session has ended, or if a new short-lived JWT needs to be issued. When an SDK gets into this state, it triggers the handshake. |
diff --git a/docs/guides/development/sdk-development/types.mdx b/docs/guides/development/sdk-development/types.mdx
index 18a4821df6..ea215062ba 100644
--- a/docs/guides/development/sdk-development/types.mdx
+++ b/docs/guides/development/sdk-development/types.mdx
@@ -23,7 +23,7 @@ Frontend-only SDKs are used in frameworks that only support client-side renderin
 
 **Examples:** Vite React, Vue, iOS/Swift, Android/Kotlin
 
-**SDK Examples:** [`@clerk/clerk-react`](https://github.com/clerk/javascript/tree/main/packages/react)
+**SDK Examples:** [`@clerk/react`](https://github.com/clerk/javascript/tree/main/packages/react)
 
 ## Backend-only
 
diff --git a/docs/guides/development/upgrading/upgrade-guides/core-2/backend.mdx b/docs/guides/development/upgrading/upgrade-guides/core-2/backend.mdx
index 5001e255bb..ae54e51100 100644
--- a/docs/guides/development/upgrading/upgrade-guides/core-2/backend.mdx
+++ b/docs/guides/development/upgrading/upgrade-guides/core-2/backend.mdx
@@ -689,7 +689,7 @@ As part of this major version, a number of previously deprecated props, argument
     The `MembershipRole` type was replaced with `OrganizationCustomRoleKey` (related to [roles and permissions](/docs/guides/organizations/roles-and-permissions)). An example of where this type might be found:
 
     ```js
-    import { useAuth } from '@clerk/clerk-react'
+    import { useAuth } from '@clerk/react'
 
     const { orgRole } = useAuth()
     ```
diff --git a/docs/guides/development/upgrading/upgrade-guides/core-2/expo.mdx b/docs/guides/development/upgrading/upgrade-guides/core-2/expo.mdx
index a436a38a07..aa8d6fb656 100644
--- a/docs/guides/development/upgrading/upgrade-guides/core-2/expo.mdx
+++ b/docs/guides/development/upgrading/upgrade-guides/core-2/expo.mdx
@@ -526,7 +526,7 @@ As part of this major version, a number of previously deprecated props, argument
     The `signOutCallback` prop on the [`<SignOutButton />` component](/docs/reference/components/unstyled/sign-out-button) has been removed. Instead, you can use the `redirectUrl` prop. Example below:
 
     ```jsx {{ del: [[6, 8]], ins: [9] }}
-    import { SignOutButton } from '@clerk/clerk-react'
+    import { SignOutButton } from '@clerk/react'
 
     export const Signout = () => {
       return (
diff --git a/docs/guides/development/upgrading/upgrade-guides/core-2/javascript.mdx b/docs/guides/development/upgrading/upgrade-guides/core-2/javascript.mdx
index 5dbd7e43f8..555e299067 100644
--- a/docs/guides/development/upgrading/upgrade-guides/core-2/javascript.mdx
+++ b/docs/guides/development/upgrading/upgrade-guides/core-2/javascript.mdx
@@ -639,7 +639,7 @@ As part of this major version, a number of previously deprecated props, argument
     The `signOutCallback` prop on the [`<SignOutButton />` component](/docs/reference/components/unstyled/sign-out-button) has been removed. Instead, you can use the `redirectUrl` prop. Example below:
 
     ```jsx {{ del: [[6, 8]], ins: [9] }}
-    import { SignOutButton } from '@clerk/clerk-react'
+    import { SignOutButton } from '@clerk/react'
 
     export const Signout = () => {
       return (
diff --git a/docs/guides/development/upgrading/upgrade-guides/core-2/nextjs.mdx b/docs/guides/development/upgrading/upgrade-guides/core-2/nextjs.mdx
index a8749e2cd0..373b3b4b1c 100644
--- a/docs/guides/development/upgrading/upgrade-guides/core-2/nextjs.mdx
+++ b/docs/guides/development/upgrading/upgrade-guides/core-2/nextjs.mdx
@@ -1182,7 +1182,7 @@ As part of this major version, a number of previously deprecated props, argument
     The `signOutCallback` prop on the [`<SignOutButton />` component](/docs/reference/components/unstyled/sign-out-button) has been removed. Instead, you can use the `redirectUrl` prop. Example below:
 
     ```jsx {{ del: [[6, 8]], ins: [9] }}
-    import { SignOutButton } from '@clerk/clerk-react'
+    import { SignOutButton } from '@clerk/react'
 
     export const Signout = () => {
       return (
diff --git a/docs/guides/development/upgrading/upgrade-guides/core-2/remix.mdx b/docs/guides/development/upgrading/upgrade-guides/core-2/remix.mdx
index b6abe22513..fe425a9523 100644
--- a/docs/guides/development/upgrading/upgrade-guides/core-2/remix.mdx
+++ b/docs/guides/development/upgrading/upgrade-guides/core-2/remix.mdx
@@ -362,7 +362,7 @@ As part of this major version, a number of previously deprecated props, argument
     The `signOutCallback` prop on the [`<SignOutButton />` component](/docs/reference/components/unstyled/sign-out-button) has been removed. Instead, you can use the `redirectUrl` prop. Example below:
 
     ```jsx {{ del: [[6, 8]], ins: [9] }}
-    import { SignOutButton } from '@clerk/clerk-react'
+    import { SignOutButton } from '@clerk/react'
 
     export const Signout = () => {
       return (
diff --git a/docs/guides/development/upgrading/upgrade-guides/expo-v2.mdx b/docs/guides/development/upgrading/upgrade-guides/expo-v2.mdx
index f70f21f804..4b9ec48202 100644
--- a/docs/guides/development/upgrading/upgrade-guides/expo-v2.mdx
+++ b/docs/guides/development/upgrading/upgrade-guides/expo-v2.mdx
@@ -18,9 +18,9 @@ sdk: expo
 
   ### Update Clerk Expo SDK
 
-  Run the following command to update the Clerk Expo SDK to the latest version:
+  Run the following command to update the Clerk Expo SDK to the latest v2 version:
 
   ```npm
-  npm install @clerk/clerk-expo@latest
+  npm install @clerk/clerk-expo@^2
   ```
 </Steps>
diff --git a/docs/guides/development/upgrading/upgrade-guides/url-based-session-syncing.mdx b/docs/guides/development/upgrading/upgrade-guides/url-based-session-syncing.mdx
index f5af880817..e94a073a48 100644
--- a/docs/guides/development/upgrading/upgrade-guides/url-based-session-syncing.mdx
+++ b/docs/guides/development/upgrading/upgrade-guides/url-based-session-syncing.mdx
@@ -19,7 +19,7 @@ To opt-in to URL-based session syncing instead, use the following steps:
 
 1. In the Clerk Dashboard, navigate to your development instance's [**Settings**](https://dashboard.clerk.com/~/settings) page and toggle on **Enable URL-based session syncing**.
    - This toggle is not available in Clerk apps created after December 6th, 2022.
-1. In your codebase, upgrade `@clerk/clerk-react` to v4.4.5 or later. If your are importing `@clerk/clerk-js` to your project, use v4.18.0 or later.
+1. In your codebase, upgrade `@clerk/clerk-react` to v4.4.5 or later, or migrate to `@clerk/react`. If your are importing `@clerk/clerk-js` to your project, use v4.18.0 or later.
 
 ## Clerk Account Portal pages and redirects
 
diff --git a/docs/guides/development/web-support/custom-sign-in-or-up-page.mdx b/docs/guides/development/web-support/custom-sign-in-or-up-page.mdx
index 6a87dff7af..ab48dfe0be 100644
--- a/docs/guides/development/web-support/custom-sign-in-or-up-page.mdx
+++ b/docs/guides/development/web-support/custom-sign-in-or-up-page.mdx
@@ -16,7 +16,7 @@ This guide uses [Expo Router](https://docs.expo.dev/router/introduction/) and th
   The following example demonstrates how to render the [`<SignIn />`](/docs/reference/components/authentication/sign-in) component to allow users to both sign-in or sign-up from a single flow.
 
   ```tsx {{ filename: '/app/sign-in.web.tsx' }}
-  import { SignIn } from '@clerk/clerk-expo/web'
+  import { SignIn } from '@clerk/expo/web'
 
   export default function Page() {
     return <SignIn />
diff --git a/docs/guides/development/web-support/custom-sign-up-page.mdx b/docs/guides/development/web-support/custom-sign-up-page.mdx
index 3ccc6400d4..0b648bc18c 100644
--- a/docs/guides/development/web-support/custom-sign-up-page.mdx
+++ b/docs/guides/development/web-support/custom-sign-up-page.mdx
@@ -16,7 +16,7 @@ This guide uses [Expo Router](https://docs.expo.dev/router/introduction/) and th
   The following example demonstrates how to render the [`<SignUp />`](/docs/reference/components/authentication/sign-up) component.
 
   ```tsx {{ filename: '/app/sign-up.web.tsx' }}
-  import { SignUp } from '@clerk/clerk-expo/web'
+  import { SignUp } from '@clerk/expo/web'
 
   export default function Page() {
     return <SignUp />
diff --git a/docs/guides/how-clerk-works/security/clerk-telemetry.mdx b/docs/guides/how-clerk-works/security/clerk-telemetry.mdx
index f41e25f075..d6add8e243 100644
--- a/docs/guides/how-clerk-works/security/clerk-telemetry.mdx
+++ b/docs/guides/how-clerk-works/security/clerk-telemetry.mdx
@@ -72,7 +72,7 @@ CLERK_TELEMETRY_DISABLED=1
 
 ### `telemetry` prop
 
-If you are using `@clerk/clerk-react` directly, or using an SDK that doesn't have environment variable support, you can opt out by passing the `telemetry` prop to `<ClerkProvider>`:
+If you are using `@clerk/react` directly, or using an SDK that doesn't have environment variable support, you can opt out by passing the `telemetry` prop to `<ClerkProvider>`:
 
 ```tsx
 <ClerkProvider telemetry={false} />
diff --git a/docs/guides/secure/reverification.mdx b/docs/guides/secure/reverification.mdx
index cc56a0e0d4..cc704c7065 100644
--- a/docs/guides/secure/reverification.mdx
+++ b/docs/guides/secure/reverification.mdx
@@ -221,7 +221,7 @@ The following example demonstrates how to use the [`useReverification()`](/docs/
 
   <Tab>
     ```tsx {{ filename: '/src/components/TransferButton.js' }}
-    import { useReverification } from '@clerk/clerk-react'
+    import { useReverification } from '@clerk/react'
 
     export function TransferButton({ amount_in_cents }: { amount_in_cents: number }) {
       const transferMoney = useReverification(() =>
diff --git a/docs/guides/users/reading.expo.mdx b/docs/guides/users/reading.expo.mdx
index 5755188ac4..05514dd537 100644
--- a/docs/guides/users/reading.expo.mdx
+++ b/docs/guides/users/reading.expo.mdx
@@ -19,7 +19,7 @@ The [`useAuth()`](/docs/reference/hooks/use-auth){{ target: '_blank' }} hook pro
 The following example demonstrates how to use the available properties of the `useAuth()` hook.
 
 ```tsx {{ filename: 'components/UseAuthExample.tsx' }}
-import { useAuth } from '@clerk/clerk-expo'
+import { useAuth } from '@clerk/expo'
 import { Text, View, TouchableOpacity } from 'react-native'
 
 export default function UseAuthExample() {
@@ -72,7 +72,7 @@ The [`useUser()`](/docs/reference/hooks/use-user){{ target: '_blank' }} hook ena
 The following example demonstrates how to use `useUser()` to check if the user is signed in and display their first name.
 
 ```tsx {{ filename: 'src/Example.tsx' }}
-import { useUser } from '@clerk/clerk-expo'
+import { useUser } from '@clerk/expo'
 import { Text } from 'react-native'
 
 export default function Example() {
diff --git a/docs/reference/components/authentication/google-one-tap.mdx b/docs/reference/components/authentication/google-one-tap.mdx
index 5638feb5a5..17683f1038 100644
--- a/docs/reference/components/authentication/google-one-tap.mdx
+++ b/docs/reference/components/authentication/google-one-tap.mdx
@@ -31,7 +31,7 @@ By default, this component will redirect users back to the page where the authen
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { GoogleOneTap } from '@clerk/clerk-react'
+    import { GoogleOneTap } from '@clerk/react'
 
     function App() {
       return <GoogleOneTap />
@@ -65,7 +65,7 @@ By default, this component will redirect users back to the page where the authen
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/sign-in-google.web.tsx' }}
-    import { GoogleOneTap } from '@clerk/clerk-expo/web'
+    import { GoogleOneTap } from '@clerk/expo/web'
 
     export default function Page() {
       return <GoogleOneTap />
diff --git a/docs/reference/components/authentication/sign-in.mdx b/docs/reference/components/authentication/sign-in.mdx
index 8b0ff39d53..9bdebbb983 100644
--- a/docs/reference/components/authentication/sign-in.mdx
+++ b/docs/reference/components/authentication/sign-in.mdx
@@ -54,7 +54,7 @@ The `<SignIn />` component renders a UI to allow users to sign in or sign up by
     If you would like to create a dedicated `/sign-in` page in your Expo application, there are a few requirements you must follow. See the [dedicated guide](/docs/guides/development/web-support/custom-sign-in-or-up-page) for more information.
 
     ```tsx {{ filename: '/app/sign-in.web.tsx' }}
-    import { SignIn } from '@clerk/clerk-expo/web'
+    import { SignIn } from '@clerk/expo/web'
 
     export default function SignInPage() {
       return <SignIn />
@@ -64,7 +64,7 @@ The `<SignIn />` component renders a UI to allow users to sign in or sign up by
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { SignIn } from '@clerk/clerk-react'
+    import { SignIn } from '@clerk/react'
 
     function App() {
       return <SignIn />
diff --git a/docs/reference/components/authentication/sign-up.mdx b/docs/reference/components/authentication/sign-up.mdx
index e641cb48e8..9107b52cff 100644
--- a/docs/reference/components/authentication/sign-up.mdx
+++ b/docs/reference/components/authentication/sign-up.mdx
@@ -52,7 +52,7 @@ The `<SignUp />` component renders a UI for signing up users. The functionality
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/sign-up.web.tsx' }}
-    import { SignUp } from '@clerk/clerk-expo/web'
+    import { SignUp } from '@clerk/expo/web'
 
     export default function SignUpPage() {
       return <SignUp />
@@ -62,7 +62,7 @@ The `<SignUp />` component renders a UI for signing up users. The functionality
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { SignUp } from '@clerk/clerk-react'
+    import { SignUp } from '@clerk/react'
 
     function App() {
       return <SignUp />
diff --git a/docs/reference/components/authentication/task-choose-organization.mdx b/docs/reference/components/authentication/task-choose-organization.mdx
index e54f5fa546..adca721874 100644
--- a/docs/reference/components/authentication/task-choose-organization.mdx
+++ b/docs/reference/components/authentication/task-choose-organization.mdx
@@ -49,7 +49,7 @@ The `<TaskChooseOrganization />` component renders a UI for resolving the `choos
     import React from 'react'
     import ReactDOM from 'react-dom/client'
     import App from './App.tsx'
-    import { ClerkProvider } from '@clerk/clerk-react'
+    import { ClerkProvider } from '@clerk/react'
 
     // Import your Publishable Key
     const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY
@@ -71,7 +71,7 @@ The `<TaskChooseOrganization />` component renders a UI for resolving the `choos
     ```
 
     ```jsx {{ filename: 'src/onboarding/choose-organization.tsx' }}
-    import { TaskChooseOrganization } from '@clerk/clerk-react'
+    import { TaskChooseOrganization } from '@clerk/react'
 
     const ChooseOrganizationPage = () => <TaskChooseOrganization redirectUrlComplete="/dashboard" />
 
diff --git a/docs/reference/components/authentication/waitlist.mdx b/docs/reference/components/authentication/waitlist.mdx
index 05c4651f03..4b7596a4f9 100644
--- a/docs/reference/components/authentication/waitlist.mdx
+++ b/docs/reference/components/authentication/waitlist.mdx
@@ -44,7 +44,7 @@ Before using the `<Waitlist />` component, you must enable **Waitlist** mode in
 
   <If sdk="react">
     ```tsx {{ filename: 'src/App.tsx' }}
-    import { Waitlist } from '@clerk/clerk-react'
+    import { Waitlist } from '@clerk/react'
 
     function App() {
       return <Waitlist />
@@ -68,7 +68,7 @@ Before using the `<Waitlist />` component, you must enable **Waitlist** mode in
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/waitlist.web.tsx' }}
-    import { Waitlist } from '@clerk/clerk-expo/web'
+    import { Waitlist } from '@clerk/expo/web'
 
     export default function WaitlistPage() {
       return <Waitlist />
diff --git a/docs/reference/components/billing/checkout-button.mdx b/docs/reference/components/billing/checkout-button.mdx
index e8bee934da..80ba57fcb9 100644
--- a/docs/reference/components/billing/checkout-button.mdx
+++ b/docs/reference/components/billing/checkout-button.mdx
@@ -94,8 +94,8 @@ The `<CheckoutButton />` component renders a button that opens the checkout draw
 
 <If sdk="react">
   ```tsx {{ filename: 'src/components/PricingSection.tsx' }}
-  import { SignedIn } from '@clerk/clerk-react'
-  import { CheckoutButton } from '@clerk/clerk-react/experimental'
+  import { SignedIn } from '@clerk/react'
+  import { CheckoutButton } from '@clerk/react/experimental'
 
   const PricingSection = () => {
     return (
diff --git a/docs/reference/components/billing/plan-details-button.mdx b/docs/reference/components/billing/plan-details-button.mdx
index 67261176c6..3b62efdee4 100644
--- a/docs/reference/components/billing/plan-details-button.mdx
+++ b/docs/reference/components/billing/plan-details-button.mdx
@@ -76,7 +76,7 @@ const portalRoot = document.getElementById('custom-portal')
 
 <If sdk="react">
   ```tsx {{ filename: 'src/components/PricingSection.tsx' }}
-  import { PlanDetailsButton } from '@clerk/clerk-react'
+  import { PlanDetailsButton } from '@clerk/react'
 
   const PricingSection = () => {
     return (
diff --git a/docs/reference/components/billing/pricing-table.mdx b/docs/reference/components/billing/pricing-table.mdx
index dca3c339ae..343c88910d 100644
--- a/docs/reference/components/billing/pricing-table.mdx
+++ b/docs/reference/components/billing/pricing-table.mdx
@@ -27,7 +27,7 @@ The `<PricingTable />` component displays a table of Plans and Features that use
 
   <If sdk="react">
     ```tsx {{ filename: 'src/App.tsx' }}
-    import { PricingTable } from '@clerk/clerk-react'
+    import { PricingTable } from '@clerk/react'
 
     function App() {
       return <PricingTable />
@@ -51,7 +51,7 @@ The `<PricingTable />` component displays a table of Plans and Features that use
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/pricing.web.tsx' }}
-    import { PricingTable } from '@clerk/clerk-expo/web'
+    import { PricingTable } from '@clerk/expo/web'
 
     export default function PricingPage() {
       return <PricingTable />
diff --git a/docs/reference/components/billing/subscription-details-button.mdx b/docs/reference/components/billing/subscription-details-button.mdx
index 31e403dc90..59f5e4c08c 100644
--- a/docs/reference/components/billing/subscription-details-button.mdx
+++ b/docs/reference/components/billing/subscription-details-button.mdx
@@ -75,8 +75,8 @@ The `<SubscriptionDetailsButton />` component renders a button that opens the su
 
 <If sdk="react">
   ```tsx {{ filename: 'src/components/BillingSection.tsx' }}
-  import { SignedIn } from '@clerk/clerk-react'
-  import { SubscriptionDetailsButton } from '@clerk/clerk-react/experimental'
+  import { SignedIn } from '@clerk/react'
+  import { SubscriptionDetailsButton } from '@clerk/react/experimental'
 
   const BillingSection = () => {
     return (
diff --git a/docs/reference/components/clerk-provider.mdx b/docs/reference/components/clerk-provider.mdx
index b17c1b9315..c81c0a66af 100644
--- a/docs/reference/components/clerk-provider.mdx
+++ b/docs/reference/components/clerk-provider.mdx
@@ -49,7 +49,7 @@ The recommended approach is to wrap your entire app with `<ClerkProvider>` at th
   import React from 'react'
   import ReactDOM from 'react-dom/client'
   import App from './App.tsx'
-  import { ClerkProvider } from '@clerk/clerk-react'
+  import { ClerkProvider } from '@clerk/react'
 
   // Import your Publishable Key
   const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY
@@ -70,7 +70,7 @@ The recommended approach is to wrap your entire app with `<ClerkProvider>` at th
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/_layout.tsx' }}
-  import { ClerkProvider } from '@clerk/clerk-expo'
+  import { ClerkProvider } from '@clerk/expo'
   import { Slot } from 'expo-router'
 
   export default function Layout() {
diff --git a/docs/reference/components/control/clerk-loaded.mdx b/docs/reference/components/control/clerk-loaded.mdx
index 5d23266c27..c632eb6eff 100644
--- a/docs/reference/components/control/clerk-loaded.mdx
+++ b/docs/reference/components/control/clerk-loaded.mdx
@@ -32,7 +32,7 @@ The `<ClerkLoaded>` component guarantees that the Clerk object has loaded (the `
 
   <If sdk="expo">
     ```tsx {{ filename: 'app/index.tsx' }}
-    import { ClerkLoaded } from '@clerk/clerk-expo'
+    import { ClerkLoaded } from '@clerk/expo'
     import { Text, View } from 'react-native'
 
     export default function Screen() {
diff --git a/docs/reference/components/control/clerk-loading.mdx b/docs/reference/components/control/clerk-loading.mdx
index 8f7f7f499b..56461fb9f6 100644
--- a/docs/reference/components/control/clerk-loading.mdx
+++ b/docs/reference/components/control/clerk-loading.mdx
@@ -32,7 +32,7 @@ It's not recommended to wrap the entire app in the `<ClerkLoading>` component; i
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/index.tsx' }}
-  import { ClerkLoading, ClerkLoaded } from '@clerk/clerk-expo'
+  import { ClerkLoading, ClerkLoaded } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function Screen() {
diff --git a/docs/reference/components/control/protect.mdx b/docs/reference/components/control/protect.mdx
index 409f8885b4..e7748fa631 100644
--- a/docs/reference/components/control/protect.mdx
+++ b/docs/reference/components/control/protect.mdx
@@ -40,7 +40,7 @@ The [`<Protect />`](/docs/reference/components/control/protect) component protec
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   function App() {
     return (
@@ -69,7 +69,7 @@ The [`<Protect />`](/docs/reference/components/control/protect) component protec
 
 <If sdk="expo">
   ```jsx
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function Screen() {
@@ -208,7 +208,7 @@ The following example demonstrates how to use the `<Protect />` component to pro
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   function App() {
     return (
@@ -240,7 +240,7 @@ The following example demonstrates how to use the `<Protect />` component to pro
 
 <If sdk="expo">
   ```jsx
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function Screen() {
@@ -388,7 +388,7 @@ The following example demonstrates how to use the `<Protect />` component to pro
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   function App() {
     return (
@@ -420,7 +420,7 @@ The following example demonstrates how to use the `<Protect />` component to pro
 
 <If sdk="expo">
   ```jsx
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function Screen() {
@@ -566,7 +566,7 @@ The following example demonstrates how to use `<Protect />` to protect content b
 
 <If sdk="react">
   ```tsx {{ filename: 'src/App.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   function App() {
     return (
@@ -598,7 +598,7 @@ The following example demonstrates how to use `<Protect />` to protect content b
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(billing)/bronze.tsx' }}
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function Page() {
@@ -746,7 +746,7 @@ The following example demonstrates how to use `<Protect />` to protect content b
 
 <If sdk="react">
   ```tsx {{ filename: 'src/App.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   function App() {
     return (
@@ -782,7 +782,7 @@ The following example demonstrates how to use `<Protect />` to protect content b
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(billing)/premium-access.tsx' }}
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function Page() {
@@ -941,7 +941,7 @@ The following example uses `<Protect>`'s `condition` prop to conditionally rende
 
 <If sdk="react">
   ```tsx {{ filename: 'src/App.tsx' }}
-  import { Protect } from '@clerk/clerk-react'
+  import { Protect } from '@clerk/react'
 
   function App() {
     return (
@@ -973,7 +973,7 @@ The following example uses `<Protect>`'s `condition` prop to conditionally rende
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/dashboard/settings/page.tsx' }}
-  import { Protect } from '@clerk/clerk-expo'
+  import { Protect } from '@clerk/expo'
   import { Text } from 'react-native'
 
   export default function Page() {
diff --git a/docs/reference/components/control/redirect-to-create-organization.mdx b/docs/reference/components/control/redirect-to-create-organization.mdx
index 411aff3b7d..92fb405525 100644
--- a/docs/reference/components/control/redirect-to-create-organization.mdx
+++ b/docs/reference/components/control/redirect-to-create-organization.mdx
@@ -30,7 +30,7 @@ The `<RedirectToCreateOrganization />` component will navigate to the create org
 
 <If sdk="react">
   ```tsx {{ filename: 'pages/index.tsx' }}
-  import { SignedIn, SignedOut, RedirectToCreateOrganization } from '@clerk/clerk-react'
+  import { SignedIn, SignedOut, RedirectToCreateOrganization } from '@clerk/react'
 
   export default function Page() {
     return (
diff --git a/docs/reference/components/control/redirect-to-organization-profile.mdx b/docs/reference/components/control/redirect-to-organization-profile.mdx
index b69e966921..c4c9af67f4 100644
--- a/docs/reference/components/control/redirect-to-organization-profile.mdx
+++ b/docs/reference/components/control/redirect-to-organization-profile.mdx
@@ -30,7 +30,7 @@ The `<RedirectToOrganizationProfile />` component will navigate to the organizat
 
 <If sdk="react">
   ```tsx {{ filename: 'pages/index.tsx' }}
-  import { SignedIn, SignedOut, RedirectToOrganizationProfile } from '@clerk/clerk-react'
+  import { SignedIn, SignedOut, RedirectToOrganizationProfile } from '@clerk/react'
 
   export default function Page() {
     return (
diff --git a/docs/reference/components/control/redirect-to-sign-in.mdx b/docs/reference/components/control/redirect-to-sign-in.mdx
index 1f82e797b2..c9c983e9b6 100644
--- a/docs/reference/components/control/redirect-to-sign-in.mdx
+++ b/docs/reference/components/control/redirect-to-sign-in.mdx
@@ -29,7 +29,7 @@ The `<RedirectToSignIn />` component will navigate to the sign in URL which has
 
 <If sdk="react">
   ```tsx {{ filename: 'pages/index.tsx' }}
-  import { SignedIn, SignedOut, RedirectToSignIn, UserButton } from '@clerk/clerk-react'
+  import { SignedIn, SignedOut, RedirectToSignIn, UserButton } from '@clerk/react'
 
   export default function Page() {
     return (
diff --git a/docs/reference/components/control/redirect-to-sign-up.mdx b/docs/reference/components/control/redirect-to-sign-up.mdx
index e6b9993c11..6bf317ea29 100644
--- a/docs/reference/components/control/redirect-to-sign-up.mdx
+++ b/docs/reference/components/control/redirect-to-sign-up.mdx
@@ -29,7 +29,7 @@ The `<RedirectToSignUp />` component will navigate to the sign up URL which has
 
 <If sdk="react">
   ```tsx {{ filename: 'pages/index.tsx' }}
-  import { SignedIn, SignedOut, RedirectToSignUp, UserButton } from '@clerk/clerk-react'
+  import { SignedIn, SignedOut, RedirectToSignUp, UserButton } from '@clerk/react'
 
   export default function Page() {
     return (
diff --git a/docs/reference/components/control/redirect-to-tasks.mdx b/docs/reference/components/control/redirect-to-tasks.mdx
index 031132ee53..a9eb7e0058 100644
--- a/docs/reference/components/control/redirect-to-tasks.mdx
+++ b/docs/reference/components/control/redirect-to-tasks.mdx
@@ -29,7 +29,7 @@ The `<RedirectToTasks />` component is primarily intended for use in custom flow
 
 <If sdk="react">
   ```tsx {{ filename: 'pages/index.tsx' }}
-  import { SignedOut, RedirectToTasks } from '@clerk/clerk-react'
+  import { SignedOut, RedirectToTasks } from '@clerk/react'
 
   export default function Page() {
     return (
diff --git a/docs/reference/components/control/redirect-to-user-profile.mdx b/docs/reference/components/control/redirect-to-user-profile.mdx
index 33ebe9e6d4..2ca949da76 100644
--- a/docs/reference/components/control/redirect-to-user-profile.mdx
+++ b/docs/reference/components/control/redirect-to-user-profile.mdx
@@ -37,7 +37,7 @@ To find your User Profile URL:
 
 <If sdk="react">
   ```tsx {{ filename: 'pages/index.tsx' }}
-  import { SignedIn, SignedOut, RedirectToUserProfile } from '@clerk/clerk-react'
+  import { SignedIn, SignedOut, RedirectToUserProfile } from '@clerk/react'
 
   export default function Page() {
     return (
diff --git a/docs/reference/components/control/signed-in.mdx b/docs/reference/components/control/signed-in.mdx
index 322ce54e5b..0cf365f02c 100644
--- a/docs/reference/components/control/signed-in.mdx
+++ b/docs/reference/components/control/signed-in.mdx
@@ -32,7 +32,7 @@ The `<SignedIn>` component offers authentication checks as a cross-cutting conce
 
 <If sdk="react">
   ```tsx {{ filename: 'routes/index.tsx' }}
-  import { SignedIn } from '@clerk/clerk-react'
+  import { SignedIn } from '@clerk/react'
 
   export default function Page() {
     return (
@@ -79,7 +79,7 @@ The `<SignedIn>` component offers authentication checks as a cross-cutting conce
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/index.tsx' }}
-  import { SignedIn } from '@clerk/clerk-expo'
+  import { SignedIn } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function Screen() {
diff --git a/docs/reference/components/control/signed-out.mdx b/docs/reference/components/control/signed-out.mdx
index 86254ec8e2..75f9979b6b 100644
--- a/docs/reference/components/control/signed-out.mdx
+++ b/docs/reference/components/control/signed-out.mdx
@@ -27,7 +27,7 @@ The `<SignedOut>` component offers authentication checks as a cross-cutting conc
 
 <If sdk="react">
   ```tsx {{ filename: 'routes/index.tsx' }}
-  import { SignedOut } from '@clerk/clerk-react'
+  import { SignedOut } from '@clerk/react'
 
   export default function Page() {
     return (
@@ -74,7 +74,7 @@ The `<SignedOut>` component offers authentication checks as a cross-cutting conc
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/index.tsx' }}
-  import { SignedOut } from '@clerk/clerk-expo'
+  import { SignedOut } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function Screen() {
diff --git a/docs/reference/components/organization/create-organization.mdx b/docs/reference/components/organization/create-organization.mdx
index b10d10cd39..e2601644ab 100644
--- a/docs/reference/components/organization/create-organization.mdx
+++ b/docs/reference/components/organization/create-organization.mdx
@@ -27,7 +27,7 @@ The `<CreateOrganization />` component is used to render an organization creatio
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { CreateOrganization } from '@clerk/clerk-react'
+    import { CreateOrganization } from '@clerk/react'
 
     function App() {
       return <CreateOrganization />
@@ -61,7 +61,7 @@ The `<CreateOrganization />` component is used to render an organization creatio
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/create-organization.web.tsx' }}
-    import { CreateOrganization } from '@clerk/clerk-expo/web'
+    import { CreateOrganization } from '@clerk/expo/web'
 
     export default function CreateOrganizationPage() {
       return <CreateOrganization />
diff --git a/docs/reference/components/organization/organization-list.mdx b/docs/reference/components/organization/organization-list.mdx
index 5320a7169d..3ace719a43 100644
--- a/docs/reference/components/organization/organization-list.mdx
+++ b/docs/reference/components/organization/organization-list.mdx
@@ -31,7 +31,7 @@ The `<OrganizationList />` component displays organization-related memberships a
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { OrganizationList } from '@clerk/clerk-react'
+    import { OrganizationList } from '@clerk/react'
 
     function App() {
       return <OrganizationList />
@@ -59,7 +59,7 @@ The `<OrganizationList />` component displays organization-related memberships a
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/organizations.web.tsx' }}
-    import { OrganizationList } from '@clerk/clerk-expo/web'
+    import { OrganizationList } from '@clerk/expo/web'
 
     export default function OrganizationListPage() {
       return (
diff --git a/docs/reference/components/organization/organization-profile.mdx b/docs/reference/components/organization/organization-profile.mdx
index c714b625fe..b34b6c61da 100644
--- a/docs/reference/components/organization/organization-profile.mdx
+++ b/docs/reference/components/organization/organization-profile.mdx
@@ -33,7 +33,7 @@ The **Billing** tab displays the plans and features that are available to the or
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { OrganizationProfile } from '@clerk/clerk-react'
+    import { OrganizationProfile } from '@clerk/react'
 
     function App() {
       return <OrganizationProfile />
@@ -57,7 +57,7 @@ The **Billing** tab displays the plans and features that are available to the or
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/organization-profile.web.tsx' }}
-    import { OrganizationProfile } from '@clerk/clerk-expo/web'
+    import { OrganizationProfile } from '@clerk/expo/web'
 
     export default function OrganizationProfilePage() {
       return <OrganizationProfile />
diff --git a/docs/reference/components/organization/organization-switcher.mdx b/docs/reference/components/organization/organization-switcher.mdx
index b63cd362dd..b906e77ffb 100644
--- a/docs/reference/components/organization/organization-switcher.mdx
+++ b/docs/reference/components/organization/organization-switcher.mdx
@@ -25,7 +25,7 @@ The `<OrganizationSwitcher />` component allows a user to switch between their j
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { OrganizationSwitcher } from '@clerk/clerk-react'
+    import { OrganizationSwitcher } from '@clerk/react'
 
     function App() {
       return <OrganizationSwitcher />
@@ -49,7 +49,7 @@ The `<OrganizationSwitcher />` component allows a user to switch between their j
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/organization-switcher.web.tsx' }}
-    import { OrganizationSwitcher } from '@clerk/clerk-expo/web'
+    import { OrganizationSwitcher } from '@clerk/expo/web'
 
     export default function OrganizationSwitcherPage() {
       return <OrganizationSwitcher />
diff --git a/docs/reference/components/unstyled/sign-in-button.mdx b/docs/reference/components/unstyled/sign-in-button.mdx
index 55b0c26054..685ab06def 100644
--- a/docs/reference/components/unstyled/sign-in-button.mdx
+++ b/docs/reference/components/unstyled/sign-in-button.mdx
@@ -22,7 +22,7 @@ The `<SignInButton>` component is a button that, by default, links to your app's
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignInButton } from '@clerk/clerk-react'
+  import { SignInButton } from '@clerk/react'
 
   function App() {
     return <SignInButton />
@@ -46,7 +46,7 @@ The `<SignInButton>` component is a button that, by default, links to your app's
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/sign-in.web.tsx' }}
-  import { SignInButton } from '@clerk/clerk-expo/web'
+  import { SignInButton } from '@clerk/expo/web'
 
   export default function SignInPage() {
     return <SignInButton />
@@ -143,7 +143,7 @@ You can create a custom button by wrapping your own button, or button text, in t
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignInButton } from '@clerk/clerk-react'
+  import { SignInButton } from '@clerk/react'
 
   function App() {
     return (
@@ -175,7 +175,7 @@ You can create a custom button by wrapping your own button, or button text, in t
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/index.tsx' }}
-  import { SignInButton } from '@clerk/clerk-expo/web'
+  import { SignInButton } from '@clerk/expo/web'
 
   export default function Home() {
     return (
diff --git a/docs/reference/components/unstyled/sign-in-with-metamask.mdx b/docs/reference/components/unstyled/sign-in-with-metamask.mdx
index da218d6662..4b52a58b29 100644
--- a/docs/reference/components/unstyled/sign-in-with-metamask.mdx
+++ b/docs/reference/components/unstyled/sign-in-with-metamask.mdx
@@ -22,7 +22,7 @@ The `<SignInWithMetamaskButton>` component is used to complete a one-click, cryp
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignInWithMetamaskButton } from '@clerk/clerk-react'
+  import { SignInWithMetamaskButton } from '@clerk/react'
 
   function App() {
     return <SignInWithMetamaskButton />
@@ -36,7 +36,7 @@ The `<SignInWithMetamaskButton>` component is used to complete a one-click, cryp
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/page.web.tsx' }}
-  import { SignInWithMetamaskButton } from '@clerk/clerk-expo/web'
+  import { SignInWithMetamaskButton } from '@clerk/expo/web'
 
   export default function Home() {
     return <SignInWithMetamaskButton />
@@ -123,7 +123,7 @@ In some cases, you will want to use your own button, or button text. You can do
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignInWithMetamaskButton } from '@clerk/clerk-react'
+  import { SignInWithMetamaskButton } from '@clerk/react'
 
   function App() {
     return (
@@ -141,7 +141,7 @@ In some cases, you will want to use your own button, or button text. You can do
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/page.web.tsx' }}
-  import { SignInWithMetamaskButton } from '@clerk/clerk-expo/web'
+  import { SignInWithMetamaskButton } from '@clerk/expo/web'
 
   export default function Home() {
     return (
diff --git a/docs/reference/components/unstyled/sign-out-button.mdx b/docs/reference/components/unstyled/sign-out-button.mdx
index 5003b34d22..22b369fa45 100644
--- a/docs/reference/components/unstyled/sign-out-button.mdx
+++ b/docs/reference/components/unstyled/sign-out-button.mdx
@@ -22,7 +22,7 @@ The `<SignOutButton>` component is a button that signs a user out. By default, i
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignOutButton } from '@clerk/clerk-react'
+  import { SignOutButton } from '@clerk/react'
 
   function App() {
     return <SignOutButton />
@@ -46,7 +46,7 @@ The `<SignOutButton>` component is a button that signs a user out. By default, i
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/sign-out.web.tsx' }}
-  import { SignOutButton } from '@clerk/clerk-expo/web'
+  import { SignOutButton } from '@clerk/expo/web'
 
   export default function SignOutPage() {
     return <SignOutButton />
@@ -143,7 +143,7 @@ You can create a custom button by wrapping your own button, or button text, in t
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignOutButton } from '@clerk/clerk-react'
+  import { SignOutButton } from '@clerk/react'
 
   function App() {
     return (
@@ -175,7 +175,7 @@ You can create a custom button by wrapping your own button, or button text, in t
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/index.tsx' }}
-  import { SignOutButton } from '@clerk/clerk-expo/web'
+  import { SignOutButton } from '@clerk/expo/web'
 
   export default function Home() {
     return (
@@ -308,7 +308,7 @@ In the following example, the `sessionId` is retrieved from the [`useAuth()`](/d
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignInButton, SignOutButton, useAuth } from '@clerk/clerk-react'
+  import { SignInButton, SignOutButton, useAuth } from '@clerk/react'
 
   function App() {
     const { sessionId } = useAuth()
@@ -418,7 +418,7 @@ In the following example, the `sessionId` is retrieved from the [`useAuth()`](/d
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/index.web.tsx' }}
-  import { SignInButton, SignOutButton, useAuth } from '@clerk/clerk-expo/web'
+  import { SignInButton, SignOutButton, useAuth } from '@clerk/expo/web'
 
   export default function Home() {
     const { sessionId } = useAuth()
diff --git a/docs/reference/components/unstyled/sign-up-button.mdx b/docs/reference/components/unstyled/sign-up-button.mdx
index fee26d526d..a60076641e 100644
--- a/docs/reference/components/unstyled/sign-up-button.mdx
+++ b/docs/reference/components/unstyled/sign-up-button.mdx
@@ -22,7 +22,7 @@ The `<SignUpButton>` component is a button that, by default, links to your app's
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.tsx' }}
-  import { SignUpButton } from '@clerk/clerk-react'
+  import { SignUpButton } from '@clerk/react'
 
   function App() {
     return <SignUpButton />
@@ -46,7 +46,7 @@ The `<SignUpButton>` component is a button that, by default, links to your app's
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/sign-up.web.tsx' }}
-  import { SignUpButton } from '@clerk/clerk-expo/web'
+  import { SignUpButton } from '@clerk/expo/web'
 
   export default function SignUpPage() {
     return <SignUpButton />
@@ -143,7 +143,7 @@ You can create a custom button by wrapping your own button, or button text, in t
 
 <If sdk="react">
   ```jsx {{ filename: 'src/App.jsx' }}
-  import { SignUpButton } from '@clerk/clerk-react'
+  import { SignUpButton } from '@clerk/react'
 
   function App() {
     return (
@@ -175,7 +175,7 @@ You can create a custom button by wrapping your own button, or button text, in t
   <Include src="_partials/expo/web-only-callout" />
 
   ```jsx {{ filename: '/app/index.tsx' }}
-  import { SignUpButton } from '@clerk/clerk-expo/web'
+  import { SignUpButton } from '@clerk/expo/web'
 
   export default function Home() {
     return (
diff --git a/docs/reference/components/user/user-button.mdx b/docs/reference/components/user/user-button.mdx
index 01ee6c795b..38096ec079 100644
--- a/docs/reference/components/user/user-button.mdx
+++ b/docs/reference/components/user/user-button.mdx
@@ -84,7 +84,7 @@ For users that have [multi-session](/docs/guides/secure/session-options#multi-se
 
   <If sdk="react">
     ```tsx {{ filename: 'src/App.tsx' }}
-    import { SignedIn, UserButton, SignInButton, SignedOut } from '@clerk/clerk-react'
+    import { SignedIn, UserButton, SignInButton, SignedOut } from '@clerk/react'
 
     function App() {
       return (
@@ -122,7 +122,7 @@ For users that have [multi-session](/docs/guides/secure/session-options#multi-se
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/user-button.web.tsx' }}
-    import { SignedIn, UserButton, SignInButton, SignedOut } from '@clerk/clerk-expo/web'
+    import { SignedIn, UserButton, SignInButton, SignedOut } from '@clerk/expo/web'
 
     export default function Header() {
       return (
diff --git a/docs/reference/components/user/user-profile.mdx b/docs/reference/components/user/user-profile.mdx
index 8a878f1df5..96c5cda6bd 100644
--- a/docs/reference/components/user/user-profile.mdx
+++ b/docs/reference/components/user/user-profile.mdx
@@ -27,7 +27,7 @@ The `<UserProfile />` component is used to render a beautiful, full-featured acc
 
   <If sdk="react">
     ```jsx {{ filename: 'src/App.tsx' }}
-    import { UserProfile } from '@clerk/clerk-react'
+    import { UserProfile } from '@clerk/react'
 
     function App() {
       return <UserProfile />
@@ -51,7 +51,7 @@ The `<UserProfile />` component is used to render a beautiful, full-featured acc
     <Include src="_partials/expo/web-only-callout" />
 
     ```jsx {{ filename: '/app/user-profile.web.tsx' }}
-    import { UserProfile } from '@clerk/clerk-expo/web'
+    import { UserProfile } from '@clerk/expo/web'
 
     export default function UserProfilePage() {
       return <UserProfile />
diff --git a/docs/reference/expo/passkeys.mdx b/docs/reference/expo/passkeys.mdx
index 9488bee8bb..881dd3a7ee 100644
--- a/docs/reference/expo/passkeys.mdx
+++ b/docs/reference/expo/passkeys.mdx
@@ -7,7 +7,7 @@ sdk: expo
 [Passkeys](/docs/guides/configure/auth-strategies/sign-up-sign-in-options#passkeys) are a secure, passwordless authentication method that use biometrics and a physical device to authenticate users. This guide shows you how to configure passkeys for your Expo application.
 
 > [!WARNING]
-> This API is available only for [`@clerk/clerk-expo >=2.2.0`](/docs/guides/development/upgrading/upgrade-guides/expo-v2).
+> This API is available only for [`@clerk/expo >=2.2.0`](/docs/guides/development/upgrading/upgrade-guides/expo-v2).
 
 <Steps>
   ## Enable passkeys
@@ -149,10 +149,10 @@ sdk: expo
   Pass the `passkeys` object to the `__experimental_passkeys` property of your `<ClerkProvider>` component, as shown in the following example:
 
   ```tsx {{ filename: 'app/_layout.tsx', mark: [4, 11] }}
-  import { ClerkProvider } from '@clerk/clerk-expo'
+  import { ClerkProvider } from '@clerk/expo'
   import { Slot } from 'expo-router'
-  import { tokenCache } from '@clerk/clerk-expo/token-cache'
-  import { passkeys } from '@clerk/clerk-expo/passkeys'
+  import { tokenCache } from '@clerk/expo/token-cache'
+  import { passkeys } from '@clerk/expo/passkeys'
 
   export default function RootLayout() {
     return (
diff --git a/docs/reference/expo/use-local-credentials.mdx b/docs/reference/expo/use-local-credentials.mdx
index 56517127ec..5215561001 100644
--- a/docs/reference/expo/use-local-credentials.mdx
+++ b/docs/reference/expo/use-local-credentials.mdx
@@ -8,7 +8,7 @@ The `useLocalCredentials()` hook enables you to store a user's password credenti
 
 > [!WARNING]
 > This hook isn't supported in web apps and can only be used in native apps.
-> This API is available only for [`@clerk/clerk-expo >=2.2.0`](/docs/guides/development/upgrading/upgrade-guides/expo-v2).
+> This API is available only for [`@clerk/expo >=2.2.0`](/docs/guides/development/upgrading/upgrade-guides/expo-v2).
 > Be aware that this works only for sign-in attempts using a [password](/docs/guides/configure/auth-strategies/sign-up-sign-in-options#password).
 
 ## Returns
diff --git a/docs/reference/expo/use-oauth.mdx b/docs/reference/expo/use-oauth.mdx
index d4d49c26b9..05d7022fa1 100644
--- a/docs/reference/expo/use-oauth.mdx
+++ b/docs/reference/expo/use-oauth.mdx
@@ -69,7 +69,7 @@ import React from 'react'
 import * as WebBrowser from 'expo-web-browser'
 import { Text, View, Button } from 'react-native'
 import { Link } from 'expo-router'
-import { useOAuth } from '@clerk/clerk-expo'
+import { useOAuth } from '@clerk/expo'
 import * as Linking from 'expo-linking'
 
 export const useWarmUpBrowser = () => {
diff --git a/docs/reference/expo/use-sign-in-with-apple.mdx b/docs/reference/expo/use-sign-in-with-apple.mdx
index 883002b2ed..e5767c54ca 100644
--- a/docs/reference/expo/use-sign-in-with-apple.mdx
+++ b/docs/reference/expo/use-sign-in-with-apple.mdx
@@ -88,7 +88,7 @@ The following example demonstrates how to pass custom metadata that will be save
 
 ```tsx {{ filename: 'app/(auth)/sign-in.tsx' }}
 import { useRouter } from 'expo-router'
-import { useSignInWithApple } from '@clerk/clerk-expo'
+import { useSignInWithApple } from '@clerk/expo'
 import { Alert, Platform, TouchableOpacity, Text } from 'react-native'
 
 export default function SignInPage() {
diff --git a/docs/reference/hooks/use-auth.mdx b/docs/reference/hooks/use-auth.mdx
index 78b92253ed..0efdca48d7 100644
--- a/docs/reference/hooks/use-auth.mdx
+++ b/docs/reference/hooks/use-auth.mdx
@@ -23,7 +23,7 @@ The following example demonstrates how to use the `useAuth()` hook to access the
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/ExternalDataPage.tsx' }}
-  import { useAuth } from '@clerk/clerk-react'
+  import { useAuth } from '@clerk/react'
 
   export default function ExternalDataPage() {
     const { userId, sessionId, getToken, isLoaded, isSignedIn } = useAuth()
@@ -268,7 +268,7 @@ The following example demonstrates how to use the `useAuth()` hook to access the
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/external-data.tsx' }}
-  import { useAuth } from '@clerk/clerk-expo'
+  import { useAuth } from '@clerk/expo'
   import { Text, View, TouchableOpacity } from 'react-native'
 
   export default function ExternalData() {
diff --git a/docs/reference/hooks/use-checkout.mdx b/docs/reference/hooks/use-checkout.mdx
index 67a8d145f6..03a70f95b9 100644
--- a/docs/reference/hooks/use-checkout.mdx
+++ b/docs/reference/hooks/use-checkout.mdx
@@ -87,8 +87,8 @@ The `useCheckout()` hook can be used with a context provider for managing state
 
         <If sdk="react">
           ```tsx {{ filename: 'src/components/SubscriptionPage.tsx', collapsible: true }}
-          import { CheckoutProvider } from '@clerk/clerk-react/experimental'
-          import { ClerkLoaded } from '@clerk/clerk-react'
+          import { CheckoutProvider } from '@clerk/react/experimental'
+          import { ClerkLoaded } from '@clerk/react'
           import { CheckoutFlow } from './CheckoutFlow'
 
           export default function SubscriptionPage() {
@@ -210,7 +210,7 @@ The `useCheckout()` hook can be used with a context provider for managing state
 
         <If sdk="react">
           ```tsx {{ filename: 'src/components/CheckoutFlow.tsx', collapsible: true }}
-          import { useCheckout } from '@clerk/clerk-react/experimental'
+          import { useCheckout } from '@clerk/react/experimental'
           import { useState } from 'react'
           import { useNavigate } from 'react-router-dom'
 
@@ -358,7 +358,7 @@ The `useCheckout()` hook can be used with a context provider for managing state
 
     <If sdk="react">
       ```tsx {{ filename: 'src/components/UpgradeButton.tsx' }}
-      import { useCheckout } from '@clerk/clerk-react/experimental'
+      import { useCheckout } from '@clerk/react/experimental'
 
       export function UpgradeButton({
         planId,
diff --git a/docs/reference/hooks/use-clerk.mdx b/docs/reference/hooks/use-clerk.mdx
index 6217300d2f..f611ad3748 100644
--- a/docs/reference/hooks/use-clerk.mdx
+++ b/docs/reference/hooks/use-clerk.mdx
@@ -17,7 +17,7 @@ The following example uses the `useClerk()` hook to access the `clerk` object. T
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/Example.tsx' }}
-  import { useClerk } from '@clerk/clerk-react'
+  import { useClerk } from '@clerk/react'
 
   export default function Example() {
     const clerk = useClerk()
@@ -84,7 +84,7 @@ The following example uses the `useClerk()` hook to access the `clerk` object. T
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(clerk)/index.tsx' }}
-  import { useClerk } from '@clerk/clerk-expo'
+  import { useClerk } from '@clerk/expo'
   import { Text, View, TouchableOpacity } from 'react-native'
 
   export default function Page() {
diff --git a/docs/reference/hooks/use-organization-list.mdx b/docs/reference/hooks/use-organization-list.mdx
index 45f0da002a..a32e7e1da9 100644
--- a/docs/reference/hooks/use-organization-list.mdx
+++ b/docs/reference/hooks/use-organization-list.mdx
@@ -74,7 +74,7 @@ The following example demonstrates how to use the `infinite` property to fetch a
 
 <If sdk="react">
   ```tsx {{ filename: 'src/components/JoinedOrganizations.tsx' }}
-  import { useOrganizationList } from '@clerk/clerk-react'
+  import { useOrganizationList } from '@clerk/react'
   import React from 'react'
 
   const JoinedOrganizations = () => {
@@ -249,7 +249,7 @@ The following example demonstrates how to use the `infinite` property to fetch a
 
 <If sdk="expo">
   ```tsx {{ filename: 'components/JoinedOrganizations.tsx' }}
-  import { useOrganizationList } from '@clerk/clerk-expo'
+  import { useOrganizationList } from '@clerk/expo'
   import { Text, View, TouchableOpacity, ScrollView } from 'react-native'
 
   export function JoinedOrganizations() {
@@ -295,7 +295,7 @@ Notice the difference between this example's pagination and the infinite paginat
 
 <If sdk="react">
   ```tsx {{ filename: 'src/components/UserInvitationsTable.tsx' }}
-  import { useOrganizationList } from '@clerk/clerk-react'
+  import { useOrganizationList } from '@clerk/react'
   import React from 'react'
 
   const UserInvitationsTable = () => {
@@ -535,7 +535,7 @@ Notice the difference between this example's pagination and the infinite paginat
 
 <If sdk="expo">
   ```tsx {{ filename: 'components/UserInvitationsTable.tsx' }}
-  import { useOrganizationList } from '@clerk/clerk-expo'
+  import { useOrganizationList } from '@clerk/expo'
   import { Text, View, TouchableOpacity, ScrollView } from 'react-native'
 
   export function UserInvitationsTable() {
diff --git a/docs/reference/hooks/use-organization.mdx b/docs/reference/hooks/use-organization.mdx
index c47b9e9140..2d3b6768d1 100644
--- a/docs/reference/hooks/use-organization.mdx
+++ b/docs/reference/hooks/use-organization.mdx
@@ -75,7 +75,7 @@ The following example demonstrates how to use the `infinite` property to fetch a
 
 <If sdk="react">
   ```jsx {{ filename: 'src/components/MemberList.tsx' }}
-  import { useOrganization } from '@clerk/clerk-react'
+  import { useOrganization } from '@clerk/react'
 
   export default function MemberList() {
     const { memberships } = useOrganization({
@@ -277,7 +277,7 @@ The following example demonstrates how to use the `infinite` property to fetch a
 
 <If sdk="expo">
   ```tsx {{ filename: 'screens/MemberList.tsx' }}
-  import { useOrganization } from '@clerk/clerk-expo'
+  import { useOrganization } from '@clerk/expo'
   import { Text, View, TouchableOpacity, ScrollView } from 'react-native'
 
   export function MemberListScreen() {
@@ -325,7 +325,7 @@ Notice the difference between this example's pagination and the infinite paginat
 
 <If sdk="react">
   ```jsx {{ filename: 'src/components/MemberList.tsx' }}
-  import { useOrganization } from '@clerk/clerk-react'
+  import { useOrganization } from '@clerk/react'
 
   export default function MemberList() {
     const { memberships } = useOrganization({
@@ -527,7 +527,7 @@ Notice the difference between this example's pagination and the infinite paginat
 
 <If sdk="expo">
   ```tsx {{ filename: 'screens/MemberList.tsx' }}
-  import { useOrganization } from '@clerk/clerk-expo'
+  import { useOrganization } from '@clerk/expo'
   import { Text, View, TouchableOpacity, ScrollView } from 'react-native'
 
   export function MemberListScreen() {
diff --git a/docs/reference/hooks/use-payment-attempts.mdx b/docs/reference/hooks/use-payment-attempts.mdx
index 0fcd01a0a1..da608019cd 100644
--- a/docs/reference/hooks/use-payment-attempts.mdx
+++ b/docs/reference/hooks/use-payment-attempts.mdx
@@ -63,7 +63,7 @@ The following example demonstrates how to fetch and display a user's payment att
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/PaymentAttemptsList.tsx' }}
-  import { usePaymentAttempts } from '@clerk/clerk-react/experimental'
+  import { usePaymentAttempts } from '@clerk/react/experimental'
 
   export default function PaymentAttemptsList() {
     const { data, isLoading } = usePaymentAttempts({
@@ -144,7 +144,7 @@ The following example demonstrates how to implement infinite scrolling with paym
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/PaymentAttemptsList.tsx' }}
-  import { usePaymentAttempts } from '@clerk/clerk-react/experimental'
+  import { usePaymentAttempts } from '@clerk/react/experimental'
 
   export default function InfinitePaymentAttempts() {
     const { data, isLoading, hasNextPage, fetchNext } = usePaymentAttempts({
@@ -250,7 +250,7 @@ The following example demonstrates how to use `usePaymentAttempts()` to display
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/PaymentAttemptsHistory.tsx', collapsible: true }}
-  import { usePaymentAttempts } from '@clerk/clerk-react/experimental'
+  import { usePaymentAttempts } from '@clerk/react/experimental'
 
   export default function PaymentAttemptsHistory() {
     const { data, isLoading } = usePaymentAttempts({ for: 'user' })
diff --git a/docs/reference/hooks/use-payment-methods.mdx b/docs/reference/hooks/use-payment-methods.mdx
index 9b39a23eac..4270ebfcb9 100644
--- a/docs/reference/hooks/use-payment-methods.mdx
+++ b/docs/reference/hooks/use-payment-methods.mdx
@@ -63,7 +63,7 @@ The following example demonstrates how to fetch and display a user's payment met
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/PaymentMethodsList.tsx' }}
-  import { usePaymentMethods } from '@clerk/clerk-react/experimental'
+  import { usePaymentMethods } from '@clerk/react/experimental'
 
   export default function PaymentMethodsList() {
     const { data, isLoading } = usePaymentMethods({
@@ -141,7 +141,7 @@ The following example demonstrates how to implement infinite scrolling with paym
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/PaymentMethodsList.tsx' }}
-  import { usePaymentMethods } from '@clerk/clerk-react/experimental'
+  import { usePaymentMethods } from '@clerk/react/experimental'
 
   export default function InfinitePaymentMethods() {
     const { data, isLoading, hasNextPage, fetchNext } = usePaymentMethods({
@@ -233,7 +233,7 @@ The following example demonstrates how to use `usePaymentMethods()` in a checkou
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/CheckoutPaymentSelection.tsx' }}
-  import { usePaymentMethods, useCheckout } from '@clerk/clerk-react/experimental'
+  import { usePaymentMethods, useCheckout } from '@clerk/react/experimental'
   import { useNavigate } from 'react-router-dom'
 
   export default function CheckoutPaymentSelection() {
diff --git a/docs/reference/hooks/use-plans.mdx b/docs/reference/hooks/use-plans.mdx
index e17b93112e..4aa8c83a06 100644
--- a/docs/reference/hooks/use-plans.mdx
+++ b/docs/reference/hooks/use-plans.mdx
@@ -75,7 +75,7 @@ The following example shows how to fetch and display available plans.
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/PlansList.tsx' }}
-  import { usePlans } from '@clerk/clerk-react/experimental'
+  import { usePlans } from '@clerk/react/experimental'
 
   export default function PlansList() {
     const { data, isLoading, hasNextPage, fetchNext, hasPreviousPage, fetchPrevious } = usePlans({
@@ -173,7 +173,7 @@ The following example demonstrates how to implement infinite scrolling with plan
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/PlansList.tsx' }}
-  import { usePlans } from '@clerk/clerk-react/experimental'
+  import { usePlans } from '@clerk/react/experimental'
 
   export default function InfinitePlansList() {
     const { data, isLoading, hasNextPage, fetchNext } = usePlans({
diff --git a/docs/reference/hooks/use-reverification.mdx b/docs/reference/hooks/use-reverification.mdx
index f0ac0ad472..c97a443dc6 100644
--- a/docs/reference/hooks/use-reverification.mdx
+++ b/docs/reference/hooks/use-reverification.mdx
@@ -39,8 +39,8 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
 
     <If sdk="react">
       ```tsx {{ filename: 'src/components/UpdateUserEmail.tsx', collapsible: true }}
-      import { useReverification, useUser } from '@clerk/clerk-react'
-      import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/clerk-react/errors'
+      import { useReverification, useUser } from '@clerk/react'
+      import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/react/errors'
 
       export function UpdateUserEmail() {
         // Use `useUser()` to get the current user's `User` object
@@ -301,7 +301,7 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
 
     <If sdk="expo">
       ```tsx {{ filename: 'components/UpdateUserEmail.tsx', collapsible: true }}
-      import { useReverification, useUser } from '@clerk/clerk-expo'
+      import { useReverification, useUser } from '@clerk/expo'
       import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/shared'
       import { Text, View, TouchableOpacity, ScrollView } from 'react-native'
 
@@ -360,8 +360,8 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
 
     <If sdk="react">
       ```tsx {{ filename: 'src/components/AccountBalance.tsx' }}
-      import { useAuth, useReverification } from '@clerk/clerk-react'
-      import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/clerk-react/errors'
+      import { useAuth, useReverification } from '@clerk/react'
+      import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/react/errors'
       import { useState } from 'react'
 
       export function AccountBalance() {
@@ -618,7 +618,7 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
 
     <If sdk="expo">
       ```tsx {{ filename: 'components/AccountBalance.tsx' }}
-      import { useAuth, useReverification } from '@clerk/clerk-expo'
+      import { useAuth, useReverification } from '@clerk/expo'
       import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/shared'
       import { useState } from 'react'
       import { Text, View, TouchableOpacity } from 'react-native'
@@ -684,8 +684,8 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
 
         <If sdk="react">
           ```tsx {{ filename: 'src/components/UpdateUserEmail.tsx', collapsible: true }}
-          import { useReverification, useUser } from '@clerk/clerk-react'
-          import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/clerk-react/errors'
+          import { useReverification, useUser } from '@clerk/react'
+          import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/react/errors'
           import { useState } from 'react'
           import { SessionVerificationLevel } from '@clerk/types'
           import { VerificationComponent } from './VerificationComponent'
@@ -1226,7 +1226,7 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
 
         <If sdk="expo">
           ```tsx {{ filename: 'components/UpdateUserEmail.tsx', collapsible: true }}
-          import { useReverification, useUser } from '@clerk/clerk-expo'
+          import { useReverification, useUser } from '@clerk/expo'
           import { isClerkRuntimeError, isReverificationCancelledError } from '@clerk/shared'
           import { useState } from 'react'
           import { SessionVerificationLevel } from '@clerk/types'
@@ -1324,7 +1324,7 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
         <If sdk="react">
           ```tsx {{ filename: 'src/components/VerificationComponent.tsx', collapsible: true }}
           import { useEffect, useRef, useState } from 'react'
-          import { useSession } from '@clerk/clerk-react'
+          import { useSession } from '@clerk/react'
           import {
             EmailCodeFactor,
             SessionVerificationLevel,
@@ -1842,7 +1842,7 @@ The `useReverification()` hook displays a prebuilt UI when the user needs to rev
         <If sdk="expo">
           ```tsx {{ filename: 'components/VerificationComponent.tsx', collapsible: true }}
           import { useEffect, useRef, useState } from 'react'
-          import { useSession } from '@clerk/clerk-expo'
+          import { useSession } from '@clerk/expo'
           import {
             EmailCodeFactor,
             SessionVerificationLevel,
diff --git a/docs/reference/hooks/use-session-list.mdx b/docs/reference/hooks/use-session-list.mdx
index 9f67db83e5..dade6338cd 100644
--- a/docs/reference/hooks/use-session-list.mdx
+++ b/docs/reference/hooks/use-session-list.mdx
@@ -16,7 +16,7 @@ The following example uses `useSessionList()` to get a list of sessions that hav
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/Home.tsx' }}
-  import { useSessionList } from '@clerk/clerk-react'
+  import { useSessionList } from '@clerk/react'
 
   export default function Home() {
     const { isLoaded, sessions } = useSessionList()
@@ -118,7 +118,7 @@ The following example uses `useSessionList()` to get a list of sessions that hav
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(session-list)/page.tsx' }}
-  import { useSessionList } from '@clerk/clerk-expo'
+  import { useSessionList } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function Home() {
diff --git a/docs/reference/hooks/use-session.mdx b/docs/reference/hooks/use-session.mdx
index 602b127e19..e60d7cf196 100644
--- a/docs/reference/hooks/use-session.mdx
+++ b/docs/reference/hooks/use-session.mdx
@@ -16,7 +16,7 @@ The following example uses the `useSession()` hook to access the `Session` objec
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/Home.tsx' }}
-  import { useSession } from '@clerk/clerk-react'
+  import { useSession } from '@clerk/react'
 
   export default function Home() {
     const { isLoaded, session, isSignedIn } = useSession()
@@ -133,7 +133,7 @@ The following example uses the `useSession()` hook to access the `Session` objec
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(session)/page.tsx' }}
-  import { useSession } from '@clerk/clerk-expo'
+  import { useSession } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function HomePage() {
diff --git a/docs/reference/hooks/use-sign-in.mdx b/docs/reference/hooks/use-sign-in.mdx
index 6ae2556094..f1b0653ebc 100644
--- a/docs/reference/hooks/use-sign-in.mdx
+++ b/docs/reference/hooks/use-sign-in.mdx
@@ -16,7 +16,7 @@ The following example uses the `useSignIn()` hook to access the [`SignIn`](/docs
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/SignInPage.tsx' }}
-  import { useSignIn } from '@clerk/clerk-react'
+  import { useSignIn } from '@clerk/react'
 
   export default function SignInPage() {
     const { isLoaded, signIn } = useSignIn()
@@ -100,7 +100,7 @@ The following example uses the `useSignIn()` hook to access the [`SignIn`](/docs
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(auth)/sign-in.tsx' }}
-  import { useSignIn } from '@clerk/clerk-expo'
+  import { useSignIn } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function SignInPage() {
diff --git a/docs/reference/hooks/use-sign-up.mdx b/docs/reference/hooks/use-sign-up.mdx
index 94d1479d24..7a4f31c3fd 100644
--- a/docs/reference/hooks/use-sign-up.mdx
+++ b/docs/reference/hooks/use-sign-up.mdx
@@ -16,7 +16,7 @@ The following example uses the `useSignUp()` hook to access the [`SignUp`](/docs
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/SignUpPage.tsx' }}
-  import { useSignUp } from '@clerk/clerk-react'
+  import { useSignUp } from '@clerk/react'
 
   export default function SignUpPage() {
     const { isLoaded, signUp } = useSignUp()
@@ -98,7 +98,7 @@ The following example uses the `useSignUp()` hook to access the [`SignUp`](/docs
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(auth)/sign-up.tsx' }}
-  import { useSignUp } from '@clerk/clerk-expo'
+  import { useSignUp } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function SignUpPage() {
diff --git a/docs/reference/hooks/use-statements.mdx b/docs/reference/hooks/use-statements.mdx
index f6629081f6..5b198a71d2 100644
--- a/docs/reference/hooks/use-statements.mdx
+++ b/docs/reference/hooks/use-statements.mdx
@@ -63,7 +63,7 @@ The following example demonstrates how to fetch and display a user's statements.
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/StatementsList.tsx' }}
-  import { useStatements } from '@clerk/clerk-react/experimental'
+  import { useStatements } from '@clerk/react/experimental'
 
   export default function StatementsList() {
     const { data, isLoading } = useStatements({
@@ -142,7 +142,7 @@ The following example demonstrates how to implement infinite scrolling with stat
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/billing/StatementsList.tsx' }}
-  import { useStatements } from '@clerk/clerk-react/experimental'
+  import { useStatements } from '@clerk/react/experimental'
 
   export default function InfiniteStatements() {
     const { data, isLoading, hasNextPage, fetchNext } = useStatements({
diff --git a/docs/reference/hooks/use-subscription.mdx b/docs/reference/hooks/use-subscription.mdx
index bee6c67a3a..de4ca2cc0a 100644
--- a/docs/reference/hooks/use-subscription.mdx
+++ b/docs/reference/hooks/use-subscription.mdx
@@ -62,7 +62,7 @@ The following example shows how to fetch and display subscription information.
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/pricing/SubscriptionDetails.tsx' }}
-  import { useSubscription } from '@clerk/clerk-react/experimental'
+  import { useSubscription } from '@clerk/react/experimental'
 
   export default function SubscriptionInfo() {
     const { data, isLoading, error } = useSubscription()
@@ -127,7 +127,7 @@ The following example shows how to fetch an organization's subscription.
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/pricing/OrganizationSubscription.tsx' }}
-  import { useSubscription } from '@clerk/clerk-react/experimental'
+  import { useSubscription } from '@clerk/react/experimental'
 
   export default function OrganizationSubscription() {
     const { data, isLoading, revalidate } = useSubscription({
@@ -241,7 +241,7 @@ The following example shows how to handle subscription data with proper error st
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/pricing/SubscriptionDetails.tsx', collapsible: true }}
-  import { useSubscription } from '@clerk/clerk-react/experimental'
+  import { useSubscription } from '@clerk/react/experimental'
 
   export function SubscriptionDetails() {
     const { data: subscription, isLoading } = useSubscription()
diff --git a/docs/reference/hooks/use-user.mdx b/docs/reference/hooks/use-user.mdx
index 9db56ca3ca..d0337adeb8 100644
--- a/docs/reference/hooks/use-user.mdx
+++ b/docs/reference/hooks/use-user.mdx
@@ -16,7 +16,7 @@ The following example uses the `useUser()` hook to access the [`User`](/docs/ref
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/Example.tsx' }}
-  import { useUser } from '@clerk/clerk-react'
+  import { useUser } from '@clerk/react'
 
   export default function Example() {
     const { isSignedIn, user, isLoaded } = useUser()
@@ -113,7 +113,7 @@ The following example uses the `useUser()` hook to access the [`User`](/docs/ref
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(user)/index.tsx' }}
-  import { useUser } from '@clerk/clerk-expo'
+  import { useUser } from '@clerk/expo'
   import { Text, View } from 'react-native'
 
   export default function Page() {
@@ -140,7 +140,7 @@ The following example uses the `useUser()` hook to access the [`User`](/docs/ref
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/Example.tsx' }}
-  import { useUser } from '@clerk/clerk-react'
+  import { useUser } from '@clerk/react'
 
   export default function Example() {
     const { isSignedIn, isLoaded, user } = useUser()
@@ -302,7 +302,7 @@ The following example uses the `useUser()` hook to access the [`User`](/docs/ref
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(user)/index.tsx' }}
-  import { useUser } from '@clerk/clerk-expo'
+  import { useUser } from '@clerk/expo'
   import { Text, View, TouchableOpacity } from 'react-native'
 
   export default function Page() {
@@ -340,7 +340,7 @@ The following example uses the `useUser()` hook to access the [`User`](/docs/ref
 
 <If sdk="react">
   ```tsx {{ filename: 'src/pages/Home.tsx' }}
-  import { useUser } from '@clerk/clerk-react'
+  import { useUser } from '@clerk/react'
 
   export default function Home() {
     const { isSignedIn, isLoaded, user } = useUser()
@@ -557,7 +557,7 @@ The following example uses the `useUser()` hook to access the [`User`](/docs/ref
 
 <If sdk="expo">
   ```tsx {{ filename: 'app/(user)/index.tsx' }}
-  import { useUser } from '@clerk/clerk-expo'
+  import { useUser } from '@clerk/expo'
   import { Text, View, TouchableOpacity } from 'react-native'
 
   export default function Page() {
diff --git a/docs/reference/javascript/clerk.mdx b/docs/reference/javascript/clerk.mdx
index 803a305b25..3fbf17eff8 100644
--- a/docs/reference/javascript/clerk.mdx
+++ b/docs/reference/javascript/clerk.mdx
@@ -122,7 +122,7 @@ The `Clerk` class is the main entrypoint class for the `@clerk/clerk-js` package
 
 ### `addListener()`
 
-Registers a listener that triggers a callback whenever a change in the [`Client`][client-ref], [`Session`][session-ref], or [`User`][user-ref] object occurs. This method is primarily used to build frontend SDKs like [`@clerk/clerk-react`](https://www.npmjs.com/package/@clerk/clerk-react). Returns an `UnsubscribeCallback` function that can be used to remove the listener from the `Clerk` object.
+Registers a listener that triggers a callback whenever a change in the [`Client`][client-ref], [`Session`][session-ref], or [`User`][user-ref] object occurs. This method is primarily used to build frontend SDKs like [`@clerk/react`](https://www.npmjs.com/package/@clerk/react). Returns an `UnsubscribeCallback` function that can be used to remove the listener from the `Clerk` object.
 
 ```typescript
 function addListener(listener: (emission: Resources) => void): UnsubscribeCallback
diff --git a/docs/reference/react/overview.mdx b/docs/reference/react/overview.mdx
index 4c888f779b..420d67cf2d 100644
--- a/docs/reference/react/overview.mdx
+++ b/docs/reference/react/overview.mdx
@@ -15,7 +15,7 @@ The React SDK provides hooks that include access to the [`Clerk`](/docs/referenc
 ## Framework-specific SDKs
 
 > [!IMPORTANT]
-> Clerk provides optimized SDKs for specific React frameworks. If you're using one of the supported frameworks below, you should use its dedicated SDK instead of `@clerk/clerk-react`.
+> Clerk provides optimized SDKs for specific React frameworks. If you're using one of the supported frameworks below, you should use its dedicated SDK instead of `@clerk/react`.
 
 Clerk offers framework-specific SDKs that are customized to provide the better developer experience and integration with each framework's features. Choose the appropriate SDK based on your framework: