fix(clerk-js): Use only userProfileUrl prop to check what userProfile…

…Mode should be used
clerk · Oct 31, 2023 · e0bc858 · e0bc858
1 parent edd201c
commit e0bc858
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/clerk-js/src/ui/contexts/ClerkUIComponentsContext.tsx b/packages/clerk-js/src/ui/contexts/ClerkUIComponentsContext.tsx
@@ -241,7 +241,8 @@ export const useUserButtonContext = () => {
   const afterSwitchSessionUrl = ctx.afterSwitchSessionUrl || displayConfig.afterSwitchSessionUrl;
   const navigateAfterSwitchSession = () => navigate(afterSwitchSessionUrl);
 
-  const userProfileMode = !!userProfileUrl && ctx.userProfileMode === undefined ? 'navigation' : ctx.userProfileMode;
+  const userProfileMode =
+    !!ctx.userProfileUrl && ctx.userProfileMode === undefined ? 'navigation' : ctx.userProfileMode;
 
   return {
     ...ctx,
@@ -254,7 +255,7 @@ export const useUserButtonContext = () => {
     afterMultiSessionSingleSignOutUrl,
     afterSignOutUrl,
     afterSwitchSessionUrl,
-    userProfileMode,
+    userProfileMode: userProfileMode || 'modal',
   };
 };