fix(clerk-js): Correctly call __internal_navigateWithError when authe…

…nticating with passkey (#3172) * fix(clerk-js): Correctly call `__internal_navigateWithError` when authenticating with passkey * chore(clerk-js): Add changeset
clerk · Apr 11, 2024 · 4aff3d9 · 4aff3d9
1 parent af73213
commit 4aff3d9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/modern-bobcats-love.md b/.changeset/modern-bobcats-love.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Bug Fix: When authenticating with a passkey and user was looked out an error was thrown for accessing an undefined variable
diff --git a/packages/clerk-js/src/ui/components/SignIn/shared.ts b/packages/clerk-js/src/ui/components/SignIn/shared.ts
@@ -11,7 +11,8 @@ import { handleError } from '../../utils';
 
 function useHandleAuthenticateWithPasskey(onSecondFactor: () => Promise<unknown>) {
   const card = useCardState();
-  const { setActive } = useClerk();
+  // @ts-expect-error -- private method for the time being
+  const { setActive, __internal_navigateWithError } = useClerk();
   const supportEmail = useSupportEmail();
   const { navigateAfterSignIn } = useSignInContext();
   const { authenticateWithPasskey } = useCoreSignIn();
@@ -48,8 +49,7 @@ function useHandleAuthenticateWithPasskey(onSecondFactor: () => Promise<unknown>
       }
 
       if (isUserLockedError(err)) {
-        // @ts-expect-error -- private method for the time being
-        return clerk.__internal_navigateWithError('..', err.errors[0]);
+        return __internal_navigateWithError('..', err.errors[0]);
       }
       handleError(err, [], card.setError);
     }