Source: data/Firebase.js

import { initializeApp } from 'firebase/app';
import { getAuth } from 'firebase/auth';
import {
	initializeFirestore,
	persistentLocalCache,
	persistentMultipleTabManager,
} from 'firebase/firestore';

const firebaseConfig = {
	apiKey: 'AIzaSyBMZz_UWgFP-5twfWdyZ6HbCLGSLrK2Tfc',
	authDomain: 'swapify-21620.firebaseapp.com',
	projectId: 'swapify-21620',
	storageBucket: 'swapify-21620.firebasestorage.app',
	messagingSenderId: '413515577191',
	appId: '1:413515577191:web:05efa2794b6c07bc2ba1c2',
	measurementId: 'G-N5YQT8JYES',
};

/**   Initialize Firebase */
const app = initializeApp(firebaseConfig);

/**   Firebase Auth Instance */
export const auth = getAuth(app);

/**   Firebase Firestore instance */
export const db = initializeFirestore(app, {
	//? Makes Firebase store everything we fetch so that not every request counts against a read.
	localCache: persistentLocalCache({
		//? And it works syncs that info across multiple tabs
		tabManager: persistentMultipleTabManager(),
	}),
});