Add useEffect to GrowthBookTracking

growthbook · May 3, 2024 · 74d7113 · 74d7113
1 parent 2b00970
commit 74d7113
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/next-js/src/lib/GrowthBookTracking.tsx b/next-js/src/lib/GrowthBookTracking.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { TrackingCallback, TrackingData } from "@growthbook/growthbook";
+import { useEffect } from "react";
 
 export const onExperimentView: TrackingCallback = (experiment, result) => {
   // TODO: track with Google Analytics, Segment, etc.
@@ -11,9 +12,11 @@ export const onExperimentView: TrackingCallback = (experiment, result) => {
 
 // Helper component to track experiment views from server components
 export function GrowthBookTracking({ data }: { data: TrackingData[] }) {
-  data.forEach(({ experiment, result }) => {
-    onExperimentView(experiment, result);
-  });
+  useEffect(() => {
+    data.forEach(({ experiment, result }) => {
+      onExperimentView(experiment, result);
+    });
+  }, [data]);
 
   return null;
 }