FirebaseExtended / FirebaseExtended/reactfire

Enable direct ad-hoc imports

Offen
#480 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
v5
Vorherrschende Sprache
TypeScript
Sterne
3.6k
Forks
403
Ø Merge
14 Std. 53 Min.
Gemergte PRs (30 T.)
5

Beschreibung

`Can't find variable: IDBIndex` when setting up on Expo

I used the same hierarchy I had working on the web. I am not using performance or analytics, so I think all of the underlying components should work.

But, I believe that since there isn't a way (that I can tell) to import only specific components, I end up with an error as if I were importing performance package.

```
import React from 'react'
import { getAuth, connectAuthEmulator } from 'firebase/auth'
import { getFunctions, connectFunctionsEmulator } from "firebase/functions"
import { getStorage, connectStorageEmulator } from "firebase/storage"
import { getFirestore, connectFirestoreEmulator } from "firebase/firestore";
import { FirebaseAppProvider, useFirebaseApp, AuthProvider, StorageProvider, FirestoreProvider } from 'reactfire';

function FirebaseComponents({ children }) {
const app = useFirebaseApp() // a parent component contains a `FirebaseAppProvider`
const auth = getAuth(app)
const functions = getFunctions(app)
const firestoreInstance = getFirestore(app)
const storage = getStorage(app)

return (



{children}



);
}

function AllFirebaseComponents({ children, fire }) {
return (


{children}


)
}

export default AllFirebaseComponents
```

### Version info
"react": "^17.0.2",
"react-native": "~0.63.4",
"reactfire": "^4.2.0",
"firebase": "^9.0.1",

### Test case

TBU, will try to get one of these

### Steps to reproduce

Start a new expo app, attempt to use reactfire. Get error mentioned above.

### Expected behavior

Be able to import only the components needed, ex:
```
import FirebaseAppProvider from 'reactfire/FirebaseAppProvider';
```

### Actual behavior

I get the error mentioned above which I think comes from the performance stuff

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Start by reproducing the IDBIndex error in a new Expo app using the listed React Native, Reactfire, and Firebase versions, then inspect how Reactfire exports its providers. Done means consumers can import only the needed component, such as FirebaseAppProvider, without loading unrelated functionality or triggering the error.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
firebase, react, react-native, typescript
Bereich
developer-experience, frontend, mobile
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.