Function Firestore

example/withoutSuspense/Firestore.tsx:107–135

()

};

export const Firestore = () => {
  const {status, data: firestoreInstance} = useInitFirestore(async (firebaseApp) => {
    const db = initializeFirestore(firebaseApp, {});
    await enableIndexedDbPersistence(db);
    return db;
  });
  
  if (status === 'loading') {
    return <LoadingSpinner />;
  }

  return (
    <>
      <AuthWrapper fallback={<span>Sign in to use this component</span>}>
        <FirestoreProvider sdk={firestoreInstance}>
          <CardSection title="Get/Set document value">
            <Counter />
          </CardSection>
          <CardSection title="Fetch data once">
            <StaticValue />
          </CardSection>
          <CardSection title="Work with lists of data">
            <AnimalsList />
          </CardSection>
        </FirestoreProvider>
      </AuthWrapper>
    </>
  );
};