import { useState, useEffect } from "react";
import {
 AnalyticsProvider as ReactFireAnalyticsProvider,
 useFirebaseApp,
} from "reactfire";
import { getAnalytics } from "firebase/analytics";
import { CenterLoader } from "components";
function withAnalyticsProvider(
 WrappedComponent: React.ComponentType<React.PropsWithChildren>
) {
 return (props: React.PropsWithChildren) => {
 const [isSSR, setIsSSR] = useState(true);
 useEffect(() => {
 setIsSSR(false);
 }, []);
 if (isSSR) return <CenterLoader />;
 return <WrappedComponent {...props} />;
 };
}
function AnalyticsProvider({ children }: React.PropsWithChildren) {
 const firebaseApp = useFirebaseApp();
 const analytics = getAnalytics(firebaseApp);
 return (
 <ReactFireAnalyticsProvider sdk={analytics}>
 {children}
 </ReactFireAnalyticsProvider>
 );
}
export default withAnalyticsProvider(AnalyticsProvider);