fix(clerk-js): Only call ensureMounted() if necessary (#4876)

clerk · Jan 14, 2025 · 43ba063 · 43ba063
1 parent e45d455
commit 43ba063
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/tame-glasses-smoke.md b/.changeset/tame-glasses-smoke.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fixes an issue that caused Clerk's UI code to load even before components were rendered.
diff --git a/packages/clerk-js/src/core/clerk.ts b/packages/clerk-js/src/core/clerk.ts
@@ -2093,16 +2093,16 @@ export class Clerk implements ClerkInterface {
   };
 
   #handleKeylessPrompt = () => {
-    void this.#componentControls?.ensureMounted().then(controls => {
-      if (this.#options.__internal_claimKeylessApplicationUrl) {
+    if (this.#options.__internal_claimKeylessApplicationUrl) {
+      void this.#componentControls?.ensureMounted().then(controls => {
         controls.updateProps({
           options: {
             __internal_claimKeylessApplicationUrl: this.#options.__internal_claimKeylessApplicationUrl,
             __internal_copyInstanceKeysUrl: this.#options.__internal_copyInstanceKeysUrl,
           },
         });
-      }
-    });
+      });
+    }
   };
 
   #buildUrl = (