From f0a63f173ff4184d708407df511d57b33f88572c Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Mon, 15 Jul 2024 13:34:44 +0300
Subject: [PATCH] fix(clerk-js): ImpersonationFab needs a router to navigate on
 sign out

---
 .changeset/strong-mugs-dress.md                    |  5 +++++
 packages/clerk-js/src/ui/lazyModules/providers.tsx | 14 ++++++++------
 2 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/strong-mugs-dress.md

diff --git a/.changeset/strong-mugs-dress.md b/.changeset/strong-mugs-dress.md
new file mode 100644
index 00000000000..6beaa3b260b
--- /dev/null
+++ b/.changeset/strong-mugs-dress.md
@@ -0,0 +1,5 @@
+---
+"@clerk/clerk-js": patch
+---
+
+Bug Fix: Navigation during signing out requires a router which was missing from the ImpersonationFab
diff --git a/packages/clerk-js/src/ui/lazyModules/providers.tsx b/packages/clerk-js/src/ui/lazyModules/providers.tsx
index 74244e232d6..70c3dcf56e8 100644
--- a/packages/clerk-js/src/ui/lazyModules/providers.tsx
+++ b/packages/clerk-js/src/ui/lazyModules/providers.tsx
@@ -120,12 +120,14 @@ export const LazyImpersonationFabProvider = (
 ) => {
   return (
     <Suspense>
-      <AppearanceProvider
-        globalAppearance={props.globalAppearance}
-        appearanceKey={'impersonationFab'}
-      >
-        {props.children}
-      </AppearanceProvider>
+      <VirtualRouter startPath=''>
+        <AppearanceProvider
+          globalAppearance={props.globalAppearance}
+          appearanceKey={'impersonationFab'}
+        >
+          {props.children}
+        </AppearanceProvider>
+      </VirtualRouter>
     </Suspense>
   );
 };