Function Counter

example/withoutSuspense/RealtimeDatabase.tsx:10–31

()

import { AuthWrapper } from './Auth';

const Counter = () => {
  const database = useDatabase();
  const counterRef = ref(database, 'counter');
  const increment = amountToIncrement => {
    return set(counterRef, rtdbIncrement(amountToIncrement));
  };

  const response = useDatabaseObjectData(counterRef);

  const { status, data: count } = response;
  if (status === 'loading') {
    return <LoadingSpinner />;
  }

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

const AnimalsList = () => {
  const database = useDatabase();