【React, TypeScript】Firestoreでリアルタイムアップデート

自分用のメモ

type MembersType =
  firebase.firestore.QueryDocumentSnapshot<firebase.firestore.DocumentData>[];

const Members = () => {
  const [members, setMembers] = useState<MembersType>([]);

  useEffect(() => {
    const unsubscribe = db
      .collection('members')
      .orderBy('createdAt', 'desc')
      .limit(10)
      .onSnapshot((querySnapshot) => {
        setMembers(querySnapshot.docs);
      });
    return () => {
      unsubscribe();
    };
  }, []);

  return (
  // code
  );