Firebase v8 vs v9 Queries

unsub = firestore
.collection("chats")
      .where("roomid", "==", roomid)
      .orderBy("timestamp", "desc")
      .onSnapshot((snapshot) => {
        let docs = [];
        snapshot.docs.forEach((each) => {
          docs.push({ ...each.data(), id: each.id });
        });

        setChats(docs);
        setLoading(false);
      });
    return () => unsub();

unsub = onSnapshot(query(collection(firestore, 
 "projects"),where("completed", "==", true)),
 (doc) => {
  let data = [];
  doc.forEach((each) => {
   data.push({ ...each.data(), uid: each.id });
  });
  setProjects([...data]);
  setLoading(false);
  data = [];
});

const ref = firestore.collection("chats");
await ref.doc().set(newDoc);

await addDoc(collection(firestore, "projects"), projectDetails)

const query = firestore.collection("Lopn").doc(user.uid);
query.update(doc);

const ref = doc(firestore, "projects", pid);
await updateDoc(ref, data);