From db12c97885a5c0f042de9fb5da0c7a5c66123ece Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Wed, 5 Feb 2025 03:20:04 -0500
Subject: [PATCH] chore(clerk-js): Add virtual routing deprecation warning
 (#5072)

---
 .changeset/friendly-ears-bow.md                    | 5 +++++
 packages/clerk-js/src/ui/lazyModules/providers.tsx | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/friendly-ears-bow.md

diff --git a/.changeset/friendly-ears-bow.md b/.changeset/friendly-ears-bow.md
new file mode 100644
index 00000000000..27d3b5f2917
--- /dev/null
+++ b/.changeset/friendly-ears-bow.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Add virtual routing deprecation warning.
diff --git a/packages/clerk-js/src/ui/lazyModules/providers.tsx b/packages/clerk-js/src/ui/lazyModules/providers.tsx
index 8156534a846..4061551d989 100644
--- a/packages/clerk-js/src/ui/lazyModules/providers.tsx
+++ b/packages/clerk-js/src/ui/lazyModules/providers.tsx
@@ -1,3 +1,4 @@
+import { deprecated } from '@clerk/shared/deprecated';
 import type { Appearance } from '@clerk/types';
 import React, { lazy, Suspense } from 'react';
 
@@ -56,6 +57,9 @@ type LazyComponentRendererProps = React.PropsWithChildren<
 type PortalProps = Parameters<typeof Portal>[0];
 
 export const LazyComponentRenderer = (props: LazyComponentRendererProps) => {
+  if (props.componentProps.routing === 'virtual') {
+    deprecated('routing="virtual"', 'Use routing="hash" instead.');
+  }
   return (
     <AppearanceProvider
       globalAppearance={props.globalAppearance}