fix: firebase analytics

Author: SatooRu65536

Diff for: app/_component/Analytics.tsx

@@ -1,15 +1,17 @@
 'use client';
 
-import { logEvent } from 'firebase/analytics';
+import { getAnalytics, logEvent, isSupported } from 'firebase/analytics';
 import { usePathname } from 'next/navigation';
 import { useEffect } from 'react';
-import { analytics } from '../firebase';
+import { firebaseApp } from '@/const/firebase';
 
 export default function Analytics() {
   const pathname = usePathname();
 
   useEffect(() => {
-    if (!analytics) return;
+    if (!isSupported()) return;
+
+    const analytics = getAnalytics(firebaseApp);
     logEvent(analytics, 'page_view', {
       page_location: pathname,
     });

Diff for: app/firebase.ts renamed to const/firebase.ts

@@ -1,9 +1,5 @@
-// Import the functions you need from the SDKs you need
-import { getAnalytics } from 'firebase/analytics';
 import { initializeApp } from 'firebase/app';
 
-// Your web app's Firebase configuration
-// For Firebase JS SDK v7.20.0 and later, measurementId is optional
 const firebaseConfig = {
   apiKey: process.env.NEXT_PUBLIC_API_KEY,
   authDomain: process.env.NEXT_PUBLIC_AUTH_DOMAIN,
@@ -14,7 +10,4 @@ const firebaseConfig = {
   measurementId: process.env.NEXT_PUBLIC_MEASUREMENT_ID,
 };
 
-const firebaseApp = initializeApp(firebaseConfig);
-const analytics = getAnalytics(firebaseApp);
-
-export { firebaseApp, analytics };
+export const firebaseApp = initializeApp(firebaseConfig);