diff --git a/packages/nextjs/src/app-beta/client/ui-components.tsx b/packages/nextjs/src/app-beta/client/ui-components.tsx
index f7c4a0d389..e0ef758fe5 100644
--- a/packages/nextjs/src/app-beta/client/ui-components.tsx
+++ b/packages/nextjs/src/app-beta/client/ui-components.tsx
@@ -1,11 +1,4 @@
 'use client';
-import { deprecated } from '@clerk/shared/deprecated';
-
-deprecated(
-  '@clerk/nextjs/app-beta',
-  'Use imports from `@clerk/nextjs` instead.\nFor more details, consult the middleware documentation: https://clerk.com/docs/nextjs/middleware',
-);
-
 import {
   CreateOrganization as _CreateOrganization,
   OrganizationProfile as _OrganizationProfile,
@@ -15,6 +8,12 @@ import {
   UserButton as _UserButton,
   UserProfile as _UserProfile,
 } from '@clerk/clerk-react';
+import { deprecated } from '@clerk/shared/deprecated';
+
+deprecated(
+  '@clerk/nextjs/app-beta',
+  'Use imports from `@clerk/nextjs` instead.\nFor more details, consult the middleware documentation: https://clerk.com/docs/nextjs/middleware',
+);
 
 /**
  * @deprecated Use imports from `@clerk/nextjs` instead.
@@ -25,12 +24,12 @@ export const CreateOrganization = _CreateOrganization;
  * @deprecated Use imports from `@clerk/nextjs` instead.
  * For more details, consult the middleware documentation: https://clerk.com/docs/nextjs/middleware
  */
-export const OrganizationProfile = _OrganizationProfile;
+export const OrganizationProfile: typeof _OrganizationProfile = _OrganizationProfile;
 /**
  * @deprecated Use imports from `@clerk/nextjs` instead.
  * For more details, consult the middleware documentation: https://clerk.com/docs/nextjs/middleware
  */
-export const OrganizationSwitcher = _OrganizationSwitcher;
+export const OrganizationSwitcher: typeof _OrganizationSwitcher = _OrganizationSwitcher;
 /**
  * @deprecated Use imports from `@clerk/nextjs` instead.
  * For more details, consult the middleware documentation: https://clerk.com/docs/nextjs/middleware
@@ -45,9 +44,9 @@ export const SignUp = _SignUp;
  * @deprecated Use imports from `@clerk/nextjs` instead.
  * For more details, consult the middleware documentation: https://clerk.com/docs/nextjs/middleware
  */
-export const UserButton = _UserButton;
+export const UserButton: typeof _UserButton = _UserButton;
 /**
  * @deprecated Use imports from `@clerk/nextjs` instead.
  * For more details, consult the middleware documentation: https://clerk.com/docs/nextjs/middleware
  */
-export const UserProfile = _UserProfile;
+export const UserProfile: typeof _UserProfile = _UserProfile;