Function App

example/withoutSuspense/App.tsx:16–50

()

import { getAuth } from 'firebase/auth';

export const App = () => {
  const firebaseApp = useFirebaseApp();
  const auth = getAuth(firebaseApp);

  useInitPerformance(async (firebaseApp) => {
    const { getPerformance } = await import('firebase/performance');
    return getPerformance(firebaseApp);
  });

  return (
    <div className="flex flex-wrap justify-around p-4">
      <AuthProvider sdk={auth}>
        <Card title="Authentication">
          <Auth />
        </Card>
        <Card title="Firestore">
          <Firestore />
        </Card>
        <Card title="Functions">
          <Functions />
        </Card>
        <Card title="Realtime Database">
          <RealtimeDatabase />
        </Card>
        <Card title="Remote Config">
          <RemoteConfig />
        </Card>
        <Card title="Storage">
          <Storage />
        </Card>
      </AuthProvider>
      <Analytics />
    </div>
  );
};