auth(native): OAuth with react-native-firebase

[jsbranco]

Do you want to request a feature or report a bug?
Potential Bug

What is the current behavior?
Cannot use react-native-firebase with this project

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via codesandbox or similar.

When trying to call this.props.firebase.login({}) from react-native-firebase, it triggers an exception in line 20 of auth.js:
const provider = new firebase.auth[${capitalize(providerName)}AuthProvider]()

The reason being that in react-native-firebase, the firebase.auth.FacebookAuthProvider is not a class, it is an object with credential attribute as seen here:
https://github.com/invertase/react-native-firebase/blob/ceedf9b85aed2f66954a3ccdcdf7e23e8715ee0e/lib/modules/auth/providers/Facebook.js

Has anyone encountered this issue?

[prescottprue]

Looks like you are correct, OAuth through react-native-firebase works different from the Firebase JS SDK. Based on the react-native-firebase documentation authentication to Facebook should use react-native-fbsdk.

Since this is a deviation from the JS SDK it may be hard to support. It may help to open an issue on react-native-firebase, but since they show a different method, that is most likely intentional.

For now the plan will be to add a note to the v2 docs about OAuth through react-native-firebase.

[prescottprue]

This issue on react-native-firebase may be related. Even if the two are not related, all current OAuth with react-native-firebase updates will be posted to this issue.

Not totally sure yet, but it seem like OAuth with react-native-firebase may require a deeper integration with react-native-google-signin and/or react-native-fbsdk. Going to continue to research further and, as always, I'm open to proposed solutions.