Function RealtimeDatabase

example/withSuspense/RealtimeDatabase.tsx:83–100

()

};

export const RealtimeDatabase = () => {
  const firebaseApp = useFirebaseApp();
  const database = getDatabase(firebaseApp);
  return (
    <SuspenseWithPerf fallback={<LoadingSpinner />} traceId="RTDB-root">
      <DatabaseProvider sdk={database}>
        <AuthWrapper fallback={<span>Sign in to use this component</span>}>
          <CardSection title="Get/Set object value">
            <Counter />
          </CardSection>
          <CardSection title="Work with lists of data">
            <AnimalsList />
          </CardSection>
        </AuthWrapper>
      </DatabaseProvider>
    </SuspenseWithPerf>
  );
};