fix: Correct imports and function type

Author: dmoerner

packages/ui/src/components/SignIn/SignInFactorOneCodeForm.tsx

@@ -37,7 +37,7 @@ export const SignInFactorOneCodeForm = (props: SignInFactorOneCodeFormProps) =>
   const card = useCardState();
   const { navigate } = useRouter();
   const ctx = useSignInContext();
-  const { afterSignInUrl, afterSignUpUrl, signUpUrl, isCombinedFlow } = ctx;
+  const { afterSignInUrl, afterSignUpUrl, signUpUrl, isCombinedFlow, navigateOnSetActive } = ctx;
   const { setActive } = useClerk();
   const { userSettings } = useEnvironment();
   const supportEmail = useSupportEmail();

packages/ui/src/components/SignIn/handleSignUpIfMissingTransfer.ts

@@ -47,10 +47,14 @@ export async function handleSignUpIfMissingTransfer({
           }
 
           // Pending task: route to the task within the sign-in component using
-          // an absolute URL built from signUpUrl.
+          // an absolute URL built from signUpUrl. Wrap clerk.navigate to
+          // normalize the return type, since the public LoadedClerk type
+          // declares it as `Promise<unknown> | void`.
           await navigateIfTaskExists(session, {
             baseUrl: signUpUrl,
-            navigate: clerk.navigate,
+            navigate: async to => {
+              await clerk.navigate(to);
+            },
           });
         },
       });