chore: add pathname as deps when pushing ads

omsimos · Mar 9, 2024 · 91c08ea · 91c08ea
2 parents 0a31a42 + 0afe961
commit 91c08ea
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/apps/web/src/components/AdContainer.tsx b/apps/web/src/components/AdContainer.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect } from 'react';
 import { twMerge } from 'tailwind-merge';
+import { useRouter } from 'next/router';
 
 interface Props {
   slotId: string;
@@ -8,11 +9,13 @@ interface Props {
 }
 
 const AdContainer = ({ slotId, className, test }: Props) => {
+  const router = useRouter();
+
   useEffect(() => {
     if (process.env.NODE_ENV === 'production' && typeof window === 'object') {
       (window.adsbygoogle = window.adsbygoogle || []).push({});
     }
-  }, []);
+  }, [router.pathname]);
 
   return (
     <div className={twMerge(className, test && 'h-24 bg-blue-200')}>