Function Counter

example/withSuspense/Firestore.tsx:18–38

()

import { initializeFirestore, doc, collection, enableIndexedDbPersistence, increment, updateDoc, orderBy, query, addDoc, deleteDoc, DocumentData } from 'firebase/firestore';

const Counter = () => {
  const firestore = useFirestore();

  const ref = doc(firestore, 'count', 'counter');

  const incrementCounter = (amountToIncrement) => {
    updateDoc(ref, {
      value: increment(amountToIncrement),
    });
  };

  const { data: count } = useFirestoreDocData(ref);

  return (
    <>
      <button onClick={() => incrementCounter(-1)}>-</button>
      <span> {(count as any).value} </span>
      <button onClick={() => incrementCounter(1)}>+</button>
    </>
  );
};

const StaticValue = () => {
  const firestore = useFirestore();