stormblessed
stormblessed
PostsComments
CCConvex Community
Created by stormblessed on 1/19/2025 in #support-community
[Convex Auth] Clerk Integration with Convex
hi Tom sorry for bothering you it was a stupid mistake that you gave me good insight on. I fixed it. It was a small issue that was being reflected in the convex dashboard logs. the moment I spotted it I fixed it
13 replies
CCConvex Community
Created by stormblessed on 1/19/2025 in #support-community
[Convex Auth] Clerk Integration with Convex
Let me know thanks 🙂
13 replies
CCConvex Community
Created by stormblessed on 1/19/2025 in #support-community
[Convex Auth] Clerk Integration with Convex
Hi Tom, Thank you for your response. Let me clarify the setup: We are using Clerk for authentication (not Convex Auth), integrated with Convex as the backend. The specific issue is: Social sign-ups (Google, Apple) automatically create a Convex user Email/password sign-ups are not automatically creating a Convex user This behavior is inconsistent as both flows use Clerk as the auth provider The email registration flow uses Clerk's useSignUp hook with email verification: Create signup (signUp.create) Verify email with code (signUp.attemptEmailAddressVerification) Set active session (setActive) The social auth flow uses Clerk's useOAuth hook: 1. Start OAuth flow (startOAuthFlow) 2. Set active session on success Both flows successfully create Clerk users and sessions, but only the social flow is triggering Convex user creation. Would you be able to help identify why the email signup flow isn't triggering the same Convex user creation as the social flow? Happy to provide any additional configuration details needed.
13 replies
CCConvex Community
Created by stormblessed on 1/19/2025 in #support-community
[Convex Auth] Clerk Integration with Convex
  const handleOAuthError = async (error: any) => {
    if (error.message?.includes("single session mode")) {
      try {
        await signOut();
        // Retry the last OAuth flow after signing out
        return true;
      } catch (signOutError) {
        console.error("Error signing out:", signOutError);
      }
    }
    Alert.alert(
      "Sign In Error",
      "An error occurred while signing in. Please try again.",
      [{ text: "OK", style: "default" }]
    );
    console.error("OAuth error", error);
    return false;
  };

  const handleOAuthSuccess = async (
    createdSessionId: string,
    setActiveFunc: any
  ) => {
    try {
      await setActiveFunc({ session: createdSessionId });
      // The _layout.tsx will handle the redirection
    } catch (err) {
      console.error("Error setting active session:", err);
      Alert.alert(
        "Sign In Error",
        "An error occurred while completing sign in",
        [{ text: "OK", style: "default" }]
      );
    }
  };

  const handleGoogleLogin = async () => {
    try {
      const { createdSessionId, setActive } = await startGoogleOAuthFlow();
      if (createdSessionId) {
        await handleOAuthSuccess(createdSessionId, setActive);
      }
    } catch (err) {
      const shouldRetry = await handleOAuthError(err);
      if (shouldRetry) {
        handleGoogleLogin();
      }
    }
  };

  const handleAppleLogin = async () => {
    try {
      const { createdSessionId, setActive } = await startAppleOAuthFlow();
      if (createdSessionId) {
        await handleOAuthSuccess(createdSessionId, setActive);
      }
    } catch (err) {
      const shouldRetry = await handleOAuthError(err);
      if (shouldRetry) {
        handleAppleLogin();
      }
    }
  };
  const handleOAuthError = async (error: any) => {
    if (error.message?.includes("single session mode")) {
      try {
        await signOut();
        // Retry the last OAuth flow after signing out
        return true;
      } catch (signOutError) {
        console.error("Error signing out:", signOutError);
      }
    }
    Alert.alert(
      "Sign In Error",
      "An error occurred while signing in. Please try again.",
      [{ text: "OK", style: "default" }]
    );
    console.error("OAuth error", error);
    return false;
  };

  const handleOAuthSuccess = async (
    createdSessionId: string,
    setActiveFunc: any
  ) => {
    try {
      await setActiveFunc({ session: createdSessionId });
      // The _layout.tsx will handle the redirection
    } catch (err) {
      console.error("Error setting active session:", err);
      Alert.alert(
        "Sign In Error",
        "An error occurred while completing sign in",
        [{ text: "OK", style: "default" }]
      );
    }
  };

  const handleGoogleLogin = async () => {
    try {
      const { createdSessionId, setActive } = await startGoogleOAuthFlow();
      if (createdSessionId) {
        await handleOAuthSuccess(createdSessionId, setActive);
      }
    } catch (err) {
      const shouldRetry = await handleOAuthError(err);
      if (shouldRetry) {
        handleGoogleLogin();
      }
    }
  };

  const handleAppleLogin = async () => {
    try {
      const { createdSessionId, setActive } = await startAppleOAuthFlow();
      if (createdSessionId) {
        await handleOAuthSuccess(createdSessionId, setActive);
      }
    } catch (err) {
      const shouldRetry = await handleOAuthError(err);
      if (shouldRetry) {
        handleAppleLogin();
      }
    }
  };
13 replies
CCConvex Community
Created by stormblessed on 1/19/2025 in #support-community
[Convex Auth] Clerk Integration with Convex
the following is social login and email log in screen 
const LoginScreen = () => {
  const { startOAuthFlow: startGoogleOAuthFlow } = useOAuth({
    strategy: "oauth_google",
  });
  const { startOAuthFlow: startAppleOAuthFlow } = useOAuth({
    strategy: "oauth_apple",
  });
  const { signOut } = useAuth();
  const { colors } = useColors();
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const [isLoading, setIsLoading] = useState(false);
  const { signIn, setActive, isLoaded } = useSignIn();
  const { signUp } = useSignUp();
  const router = useRouter();

  const handleEmailSignIn = async () => {
    if (!isLoaded) return;
    setIsLoading(true);
    try {
      const completeSignIn = await signIn.create({
        identifier: email,
        password,
      });
      await setActive({ session: completeSignIn.createdSessionId });
      // The _layout.tsx will handle the redirection
    } catch (err: any) {
      Alert.alert(
        "Sign In Error",
        err.errors?.[0]?.message || "An error occurred while signing in",
        [{ text: "OK", style: "default" }]
      );
    } finally {
      setIsLoading(false);
    }
  };

...
const LoginScreen = () => {
  const { startOAuthFlow: startGoogleOAuthFlow } = useOAuth({
    strategy: "oauth_google",
  });
  const { startOAuthFlow: startAppleOAuthFlow } = useOAuth({
    strategy: "oauth_apple",
  });
  const { signOut } = useAuth();
  const { colors } = useColors();
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  const [isLoading, setIsLoading] = useState(false);
  const { signIn, setActive, isLoaded } = useSignIn();
  const { signUp } = useSignUp();
  const router = useRouter();

  const handleEmailSignIn = async () => {
    if (!isLoaded) return;
    setIsLoading(true);
    try {
      const completeSignIn = await signIn.create({
        identifier: email,
        password,
      });
      await setActive({ session: completeSignIn.createdSessionId });
      // The _layout.tsx will handle the redirection
    } catch (err: any) {
      Alert.alert(
        "Sign In Error",
        err.errors?.[0]?.message || "An error occurred while signing in",
        [{ text: "OK", style: "default" }]
      );
    } finally {
      setIsLoading(false);
    }
  };

...
13 replies
CCConvex Community
Created by stormblessed on 1/19/2025 in #support-community
[Convex Auth] Clerk Integration with Convex
;
13 replies