Function Counter

example/withoutSuspense/Firestore.tsx:11–33

()

import { getFirestore } from 'firebase/firestore';

const Counter = () => {
  const firestore = useFirestore();
  const ref = doc(firestore, 'count', 'counter');
  const { status, data: count } = useFirestoreDocData(ref);

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

  if (status === 'loading') {
    return <LoadingSpinner />;
  }

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

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