hotfix(dashboard): infinite user reload on set-up pages (#1191)

inngest · Feb 27, 2024 · 2e5fe2a · 2e5fe2a
1 parent d775e23
commit 2e5fe2a
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/ui/apps/dashboard/src/app/(auth)/ReloadClerkAndRedirect.tsx b/ui/apps/dashboard/src/app/(auth)/ReloadClerkAndRedirect.tsx
@@ -17,13 +17,16 @@ type ReloadClerkAndRedirectProps = {
  * @param {string} redirectURL - The URL to redirect to after reloading Clerk
  */
 export default function ReloadClerkAndRedirect({ redirectURL }: ReloadClerkAndRedirectProps) {
-  const { user } = useUser();
+  const { isLoaded, user } = useUser();
 
   useEffect(() => {
+    if (!isLoaded) return;
+
     user?.reload().then(() => {
-      window.location.href = redirectURL;
+      window.location.replace(redirectURL);
     });
-  }, [user, redirectURL]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- We don't want to run this effect when the user changes as this would cause an infinite loop
+  }, [isLoaded, redirectURL]);
 
   return (
     <div className="flex h-full w-full items-center justify-center">