fix: useEffect swetrix

ndom91 · Jul 11, 2024 · 69a5b48 · 69a5b48
1 parent 582b642
commit 69a5b48
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/analytics.jsx b/src/components/analytics.jsx
@@ -1,19 +1,21 @@
 'use client'
 
 import * as Swetrix from 'swetrix'
-import { Suspense } from 'react'
+import { useEffect, Suspense } from 'react'
 import { usePathname } from 'next/navigation'
 
 function SwetrixComponent() {
   const pathname = usePathname()
 
-  if (window.location.host === 'briefkastenhq.com') {
-    Swetrix.init(process.env.NEXT_PUBLIC_SWETRIX_PROJECT, {
-      apiURL: process.env.NEXT_PUBLIC_SWETRIX_API_HOST,
-    })
-    let url = pathname
-    Swetrix.trackPageview(url)
-  }
+  useEffect(() => {
+    if (window.location.host === 'briefkastenhq.com') {
+      Swetrix.init(process.env.NEXT_PUBLIC_SWETRIX_PROJECT, {
+        apiURL: process.env.NEXT_PUBLIC_SWETRIX_API_HOST,
+      })
+      let url = pathname
+      Swetrix.trackPageview(url)
+    }
+  }, [pathname])
   return <div></div>
 }