Paar fehler

src/components/PostHogProvider.tsx

@@ -4,17 +4,36 @@ import { useEffect, useState, useRef } from 'react';
 import { usePathname, useSearchParams } from 'next/navigation';
 import posthog from 'posthog-js';
 
-export function PostHogProvider({ children }: { children: React.ReactNode }) {
+import { Suspense } from 'react';
+
+export function PostHogPageView() {
   const pathname = usePathname();
   const searchParams = useSearchParams();
-  const [isInitialized, setIsInitialized] = useState(false);
-  const initializationAttempted = useRef(false);
+
+  useEffect(() => {
+    const cookieConsent = localStorage.getItem('cookieConsent');
+    if (cookieConsent === 'accepted' && pathname && (posthog as any)._loaded) {
+      let url = window.origin + pathname;
+      if (searchParams && searchParams.toString()) {
+        url = url + `?${searchParams.toString()}`;
+      }
+
+      posthog.capture('$pageview', {
+        $current_url: url,
+      });
+    }
+  }, [pathname, searchParams]);
+
+  return null;
+}
+
+export function PostHogProvider({ children }: { children: React.ReactNode }) {
+  const [initializationAttempted, setInitializationAttempted] = useState(false);
 
   // Initialize PostHog once
   useEffect(() => {
-    // Prevent double initialization in React Strict Mode
-    if (initializationAttempted.current) return;
-    initializationAttempted.current = true;
+    if (initializationAttempted) return;
+    setInitializationAttempted(true);
 
     const cookieConsent = localStorage.getItem('cookieConsent');
 
@@ -27,50 +46,32 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
         return;
       }
 
-      // Check if already initialized (using _loaded property)
       if (!(posthog as any)._loaded) {
         posthog.init(apiKey, {
           api_host: apiHost || 'https://us.i.posthog.com',
           person_profiles: 'identified_only',
-          capture_pageview: false, // Manual pageview tracking
+          capture_pageview: false,
           capture_pageleave: true,
           autocapture: true,
           respect_dnt: true,
           opt_out_capturing_by_default: false,
         });
 
-        // Enable debug mode in development
         if (process.env.NODE_ENV === 'development') {
           posthog.debug();
         }
-
-        // Set initialized immediately after init
-        setIsInitialized(true);
-      } else {
-        setIsInitialized(true); // Already loaded
       }
     }
+  }, [initializationAttempted]);
 
-    // NO cleanup function - PostHog should persist across page navigation
-  }, []);
-
-  // Track page views ONLY after PostHog is initialized
-  useEffect(() => {
-    const cookieConsent = localStorage.getItem('cookieConsent');
-
-    if (cookieConsent === 'accepted' && pathname && isInitialized) {
-      let url = window.origin + pathname;
-      if (searchParams && searchParams.toString()) {
-        url = url + `?${searchParams.toString()}`;
-      }
-
-      posthog.capture('$pageview', {
-        $current_url: url,
-      });
-    }
-  }, [pathname, searchParams, isInitialized]); // Added isInitialized dependency
-
-  return <>{children}</>;
+  return (
+    <>
+      <Suspense fallback={null}>
+        <PostHogPageView />
+      </Suspense>
+      {children}
+    </>
+  );
 }
 
 /**