Firebase-SDK, React Native Async Storage, React Native, Expo compatibility needs to be fixed.

[I-am-Pritam-20]

Hello Devs,

@hsubox76 @brentvatne @byCedric @tido64 @krizzu

I think the compatibility issue is getting out of hands of these packages while building a mobile application using react-native.
If possible try looking into the issues and fixing the issue.

Packages:

• firebase
• react-native
• expo
• react-native-async-storage

Issue:

• Failed to initialize auth with persistence: [Error: Component auth has not been registered yet] -- Expo/ Bare React-Native error
• Error: Component auth has not been registered yet, js engine: hermes -- Expo/ Bare React-Native error

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
I myself provided solutions in the Issue #8988 (comment) by shortening some of the solutions provided by @byCedric in expo/expo#36598 (comment) , but now it is breaking again after updating the above said packages to their latest versions although trying after the original solution said by @byCedric .
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Possible Fixes:

If possible can it be done in a centralized way so that the future devs will not face any issue regarding this.
Means the "compatible versions of all these packages should get installed together" at once. (No need for manual installations or individual compatibility check)

[aniruddhaadak80]

@I-am-Pritam-20 The AsyncStorage conflict is a long-standing "need to polyfill" issue in newer RN/Expo versions.
The fix is almost always:

1. import ReactNativeAsyncStorage from ''@react-native-async-storage/async-storage'';
2. import { getAuth, initializeAuth, getReactNativePersistence } from ''firebase/auth'';
3. Explicitly initialize:

initializeAuth(app, {
  persistence: getReactNativePersistence(ReactNativeAsyncStorage)
});

This avoids the auto-detection failure.

[I-am-Pritam-20]

I will definitely try this. 🙂

[aledepaulaaa]

I'm trying to solve this, but I haven't been able to, even after setting it in tsconfig.json.
"firebase/auth": ["./node_modules/@firebase/auth/dist/index.rn.d.ts"]

What do I do?😭