エラーメッセージ
TypeError: _FirebaseConfig__WEBPACK_IMPORTED_MODULE_1__.db.collection is not a function(sentMoney.js:10 )
ソースコード
//sentMoney.js
import React, { useState } from "react";
import {db} from "../FirebaseConfig";
import firebase from "firebase/compat/app";
const SentMoneys = () => {
const [sentMoney, setSentMoney] = useState("");
function SentMoney(e) {
e.preventDefault();
db.collection("SpendingMoney").add({
text: sentMoney,
createdAt: firebase.firestore.FieldValue.serverTimestamp()
})
}
//FirebaseConfig.js
import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";
import "firebase/firestore";
import { getFirestore } from "firebase/firestore";
const firebaseConfig = {
........
};
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
export const auth = getAuth(app);
export { db };