firebaseにデータが入らない（React×firebaseの簡単なTODOサイトを作成中）

Question

実現したいこと

タイトルと内容を入力して投稿ボタンを押した際に、FirestoreのDatabaseにデータが入るようにしたいです。

前提

https://qiita.com/Naoya_pro/items/a42f1ecae8acce249ef3

こちらの記事を見て、React×firebaseの簡単なTODOサイトを作成しているところです。

発生している問題・エラーメッセージ

FirebaseError: Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestore

該当のソースコード

import React from "react";
import { useState } from "react";
import { collection, addDoc } from "firebase/firestore";
import db from "./firebase";

const NewPost = () => {
  const [title, setTitle] = useState("");
  const [content, setContent] = useState("");

  const onSubmit = async (e) => {
    e.preventDefault();
    try {
      await addDoc(collection(db, "posts"), {
        title: title,
        content: content,
        created_at: new Date().getTime()
      });
      setTitle("");
      setContent("");
    } catch (error) {
      console.log(error);
    }
  };

  return (
    <>
      <p>新規投稿</p>
      <form onSubmit={onSubmit}>
        <input
          value={title}
          type="text"
          placeholder="タイトル"
          onChange={(e) => setTitle(e.target.value)}
        />
        <input
          value={content}
          type="text"
          placeholder="内容"
          onChange={(e) => setContent(e.target.value)}
        />
        <button type="submit">投稿</button>
      </form>
    </>
  );
};

export default NewPost;

投稿ボタンが押されたらonSubmit関数が呼び出され、addDoc関数によりfirestoreにデータが入るような仕組みです。
しかしcatchに引っ掛かり、error文が出力されます。

試したこと

firestoreのCloud Databaseにコレクションを予め追加してみたが、特に変わらず。
より簡単なデータをデータベースに挿入するコンポーネントを作成し、テストしようとしたがそもそも作れず。

補足情報（FW/ツールのバージョンなど）

Cloud Firestoreのルール設定はこうなっております。

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write;
    }
  }
}

わかる方いたら教えていただけると幸いです。

Comments

[ams2020]

エラーから見るに、collection()の最初の引数"db" が原因のようです。
firebase.js ファイルで db はきちんと定義されておりますでしょうか？？

[scythercas]

仰る通りでした...
ご回答ありがとうございます！！！

[ams2020]

よかったです！
他にも同じ悩みを抱えている方いると思いますので、自己解決として回答を投稿しておくといいかもです！

Answer 1

エラー文をよく読むと

FirebaseError: Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestore

collection関数の最初の引数がCollectionReferenceかDocumentReferenceかFirebaseFirestoreである必要があります。
とありました。
collection関数に引数として渡している変数dbの宣言が無く、適切に記述したら問題なく動きました。
@ams2020 さん、ご回答ありがとうございました！