fix: wait for rudderstack to load before sending initial page event

near · Jul 13, 2023 · e93df49 · e93df49
1 parent 0562226
commit e93df49
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/hooks/usePageAnalytics.ts b/src/hooks/usePageAnalytics.ts
@@ -8,6 +8,16 @@ export function usePageAnalytics() {
   const { asPath } = router;
   useEffect(() => {
     const justPath = asPath.split('?')[0];
-    recordPageView(justPath);
+    // wait for analytics library to initilize on initial page load before sending event
+    if (window.analyticsInitialized) {
+      recordPageView(justPath);
+    } else {
+      const checkInterval = setInterval(() => {
+        if (window.analyticsInitialized) {
+          recordPageView(justPath);
+          clearInterval(checkInterval);
+        }
+      }, 100);
+    }
   }, [asPath]);
 }
diff --git a/src/utils/rudder-analytics.ts b/src/utils/rudder-analytics.ts
@@ -14,6 +14,7 @@ let anonymousUserIdCreatedAt = '';
 declare global {
   interface Window {
     rudderanalytics: Analytics | undefined;
+    analyticsInitialized: boolean;
   }
 }
 
@@ -62,6 +63,7 @@ export async function init() {
     window.rudderanalytics.load(rudderAnalyticsKey, analyticsUrl);
     rudderAnalytics = window.rudderanalytics;
     if (rudderAnalytics) rudderAnalytics.setAnonymousId(getAnonymousId());
+    window.analyticsInitialized = true;
   } catch (e) {
     console.error(e);
   }