How can I connect to the local emulators?

[sharaf84]

I'd like to connect to the local emulators for Firestore and Auth, here is a code sample that works using native Firebase packages:

import { initializeApp } from "firebase/app";
import { connectFirestoreEmulator, getFirestore } from "firebase/firestore";
import { connectAuthEmulator, getAuth } from "firebase/auth";
import { firebaseConfig } from "./env";

export const app = initializeApp(firebaseConfig);
export const db = getFirestore(app);
connectFirestoreEmulator(db, "127.0.0.1", 8080);
export const auth = getAuth(app);
connectAuthEmulator(auth, "http://127.0.0.1:9099");

How can I implement this code using "react-admin-firebase"?

[luckyape]

im not saying its the right way but its how i got things to work:

import firebase from "firebase/compat/app"; import "firebase/compat/firestore"; import "firebase/compat/storage"; import "firebase/compat/auth"; import { getFunctions, connectFunctionsEmulator } from "firebase/functions"; import { getFirestore, connectFirestoreEmulator } from "firebase/firestore"; import { FirebaseAuthProvider, FirebaseDataProvider, } from "react-admin-firebase/dist/src";

let firebaseApp;

if (!firebase.apps.length) { firebaseApp = firebase.initializeApp(firebaseConfig); } else { firebaseApp = firebase.app(); // if already initialized, use that one } export const storage = getStorage(firebaseApp); export const functions = getFunctions(firebaseApp);

const auth = firebase.auth(firebaseApp); const db = getFirestore(); const isDevelopment = process.env.NODE_ENV === "development" || process.env.FUNCTIONS_EMULATOR === "true";

if (isDevelopment) { connectFunctionsEmulator(functions, "127.0.0.1", 5001); auth.useEmulator("http://127.0.0.1:9099"); connectFirestoreEmulator(db, "localhost", 8080); connectStorageEmulator(storage, "localhost", 9199); }

const dataProvider = FirebaseDataProvider(firebaseConfig, { app: firebaseApp, });

const authProvider = FirebaseAuthProvider(firebaseConfig, { app: firebaseApp, });