Phone authentication in universal app

[MartinN3]

I have tackled issue with auth module not working on web, by using firebase sdk standalone web import to get trough authentication. I now need to fill react-native-firebase with auth that i got from other module, is that doable?

[mikehardy]

If you are using this on the web, you likely want to shim all react-native-firebase APIs to the firebase-js-sdk APIs so that there is no "filling in" and things just work as expected, i.e. https://github.com/invertase/react-native-firebase-authentication-example/tree/main/template/src/shims and the craco.config where webpack is configured with aliases to these shims

[vipulbhj]

Hey @mikehardy, I was trying to add a shim for cloud storage, I took inspiration from the firestore implementation and created firebase-storage-web.ts.

import firebase from 'firebase/compat/app';
import 'firebase/compat/storage';

import initializeApp from './firebase-init';

initializeApp();

const storage = firebase.storage;

// Want to do local development?
// Uncomment this and use `yarn test:emulator:start`
// firestore().useEmulator('http://localhost:8080');

export default storage;

This is the original import import storage, { FirebaseStorageTypes } from '@react-native-firebase/storage';

I also mapped it to resolve to shim on web, just like described above, but I am seeing an error

Unable to resolve "../../../../shims/firebase-app-web.ts/lib/common" from "node_modules/@react-native-firebase/storage/lib/index.js"

Any ideas what might be the issue ?

[mikehardy]

Nothing specific, but if:

I also mapped it to resolve to shim on web

...and you see:

Unable to resolve "../../../../shims/firebase-app-web.ts/lib/common"

...then you have to think that filename it is trying to resolve sure looks wrong doesn't it? Something about your mapping isn't correct, somehow

[vipulbhj]

Yeah super weird, don't know why that would be, since I mapped it exactly how I mapped other, let me check this again.

[vipulbhj]

@MartinN3 By any chance did you see anything like this ?

[mikehardy]

No shims should be needed anymore with other platform (firebase-js-sdk fallback) support

You just need to do an initializeApp step somewhere in your app if Platform.OS === "web" before using firebase APIs

https://rnfirebase.io/platforms#other-platforms