Error: DEVELOPER_ERROR with firebase google sign in with react native

Question

I am implementing firebase social login in my react native app, this problem it has been asked many times and I have followed all what in other question but nothing worked at all, here what I did:

1. generate Certificate fingerprint from my project based on this docs using cd/android && ./gradlew signingReport and copy SHA1 of the following Variant information:

Variant: debug Config: debug Store: C:\Users\USER-NAME\PROJECT-NAME\android\app\debug.keystore then paste it in firebase under my registered android app.

2. Download json file and added it to Android/app Directory
3. Enable google sign In provider in firebase.

4.I have checked the oauth_client/client_id in json file which same is the auto generated one in google console OAuth 2.0 Client IDs

5. I have added support email in firebase public project information.

6. all required pre setup for firebase has been done based on this docs

7. package name when create new app in firebase is same as the name in AndroidManifest.xml

8. In OAuth in google developers console the app name is same as the name in AndroidManifest.xml

9. I have rebuild the app several times but still the error occurs.

my code looks like the following:

googleLogin: async () => {
                try {
                    GoogleSignin.configure({
                        webClientId: "542246894154-fgfa3e4b3maonkftkvkd1lvrueda7iop.apps.googleusercontent.com",
                        offlineAccess: true
                    });
                    const data = await GoogleSignin.signIn();
                    const credential = firebase.auth.GoogleAuthProvider.credential(data.idToken, data.accessToken);
                    const firebaseUserCredential = await auth().signInWithCredential(credential);
                    if (firebaseUserCredential) setLoggedInGoogle(true);
                    if (typeof success === 'function') success();

                } catch (error) {
                    if (error.code === statusCodes.SIGN_IN_CANCELLED) {
                        // when user cancels sign in process,
                        Alert.alert('Process Cancelled')
                    } else if (error.code === statusCodes.IN_PROGRESS) {
                        // when in progress already
                        Alert.alert('Process in progress')
                    } else if (error.code === statusCodes.PLAY_SERVICES_NOT_AVAILABLE) {
                        // when play services not available
                        Alert.alert('Play services are not available')
                    } else {
                        // some other error
                        Alert.alert('Something else went wrong... ', error.toString())
                        setError(error)
                    }
                }


            }

I will really appreciate any help as I am stuck in this almost 4 hours with same error.

Answer 1

1. Execute the following: keytool -list -v -keystore {/Volumes/Development/Sample/Authentication/android/app/debug.keystore} -alias androiddebugkey -storepass android -keypass android (include your own debug.keystore path)
2. Copy the SHA-1 key and paste in firebase fingerprint of android
3. Check the web client Id from the google developer console. It should be same in firebase and as well in code of

GoogleSignin.configure({
   webClientId: '',
});

4. After doing it, download a new googleService.json file and paste android->app
5. Finally the function

const OnGoogleSignin = async () => {
    try {
        const { idToken } = await GoogleSignin.signIn();

        // Create a Google credential with the token
        const googleCredential = Auth.GoogleAuthProvider.credential(idToken);

        // Sign-in the user with the credential
        await Auth().signInWithCredential(googleCredential);
    } catch (e) {
        console.log('googleLoginError', e);
    }
};