How to link identity with react native?

[f-bog]

I'm currently integrating Apple authentication with Supabase Auth in a React Native app. I'm attempting to link anonymous users to an auth provider (Apple) using the linkIdentity method from Supabase Auth. This method should ideally trigger a redirect to the provider's authentication page. However, the documentation hasn't been very helpful in implementing this in a React Native environment.

documentation

Here’s the function I'm using to link anonymous auth with Apple:

const linkAnonymousAuthWithApple = async () => {
      try {
        const { data, error } = await supabase.auth.linkIdentity({
          provider: "apple",
          options: {
            skipBrowserRedirect: true,
          },
        });

        if (error) throw error;
        console.log({ data });

        Linking.openURL(data.url); // from expo-linking
      } catch (err) {
        console.error(err);
      }
    };

Safari opens on the phone and displays a native sheet prompting for authentication details. However, after entering the required details, I encounter a problem. The sign-up process does not complete, and I'm left with a message indicating "Sign-up not completed.

Appreciate any help I can get.

[f-bog]

Not sure if i'm allowed to bump this? Really stuck on it. Would appreciate help

[pgregorynz]

I'm also looking for information on this? Is it even possible? Seems like it should be?

[chramos]

same issue

edit:

I manage to solve the issue on React Native
for me the issue was that I wasn't using the nonce token in the signing part

const appleAuthRequestResponse = await appleAuth.performRequest({
    requestedOperation: appleAuth.Operation.LOGIN,
    requestedScopes: [appleAuth.Scope.FULL_NAME, appleAuth.Scope.EMAIL],
});
await supabase.auth.signInWithIdToken({
    provider: 'apple',
    token: appleAuthRequestResponse.identityToken,
    nonce: appleAuthRequestResponse.nonce,
});

then, I was able to link the identity simply calling this

await supabase.auth.linkIdentity({
    provider: 'apple',
    options: {skipBrowserRedirect: true},
});

[charlower]

Also stuck on this one, can't find a way to link an anonymous user to an apple account in react native.

[hayata-suenaga]

@chramos how did you call supabase.auth.linkIdentity from the same React Native app on which you did Apple authentication?

I was logged out from the app when I called signInWithIdToken and linkIdentity without any error thrown 🤔

I'm using Google authentication.

    const userInfo = await GoogleSignin.signIn();
    await supabase.auth.signInWithIdToken({
      provider: "google",
      token: userInfo.idToken ?? "",
    });
    await supabase.auth.linkIdentity({
      provider: "google",
      options: { skipBrowserRedirect: true },
    });

[ducpt-bili]

+1 for that issue.
Hi @chramos , do your solution still work, i try it in my new project there is no performRequest or nonce i can pass in.
and calling signInWithIdToken will log out your anonymous user (not link).
Am i right or i missing something?
Thanks.

[garrettwesley]

Anyone else figure out how to do this? If only linkIdentity would accept some authtoken.

[christophemenager]

It looks that there is no way to convert an anonymous user to an permanent user using native social sign in.

The only auth method that works to do this conversion is email.

I guess there is a manual workaround to store data in local storage > logout > sign In with social > upload new data and handle potential conflicts.

We would really need a way to link identity with token

[akodkod]

Guys, we need the ability to link identity by using an ID token.

We're building a React Native app where a user completes onboarding while logged in as an anonymous user (and we save information into our database based on this user). Then, when we authenticate them using OAuth and signInWithIdToken, we lose the anonymous user.

The ideal solution would be to have linkIdentityWithIdToken or something similar.

Thank you so much!