firebase.js

import { initializeApp } from 'firebase/app';
import { initializeFirestore } from 'firebase/firestore'
import { getAuth } from "firebase/auth";

const firebaseConfig = {
    apiKey: "<your_firebase_project_value>",
    authDomain: "<your_firebase_project_value>",
    projectId: "<your_firebase_project_value>",
    storageBucket: "<your_firebase_project_value>",
    messagingSenderId: "<your_firebase_project_value>",
    appId: "<your_firebase_project_value>",
    measurementId: "<your_firebase_project_value>"
};
// app instance
const app = initializeApp(firebaseConfig);

// auth instance
const auth = getAuth(app);

// db instance (firestore)
const db = initializeFirestore(app, {experimentalForceLongPolling: true});

// using app and db in other files
export {
    app,
    db,
    auth
}