From 0b4829abd3b09182496ce98858059909e269bdfb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 21 Apr 2024 10:25:43 -0500
Subject: [PATCH] fix: use use effect

---
 src/components/Ads/Horizontal.tsx | 29 ++++++++++++-----------------
 src/components/Party3.tsx         | 13 ++++++-------
 2 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/src/components/Ads/Horizontal.tsx b/src/components/Ads/Horizontal.tsx
index 0c8eab9ad..2df83eded 100644
--- a/src/components/Ads/Horizontal.tsx
+++ b/src/components/Ads/Horizontal.tsx
@@ -1,19 +1,14 @@
+import { useEffect } from 'react';
+
 export function AdHorizontal() {
-  return (
-    <>
-      <div id="ms-ad-635230699" />
-      <script
-        dangerouslySetInnerHTML={{
-          __html: `
-            window.msAdsQueue.push(() => { 
-              window.pubCenterSdk.render({ 
-                adUnitId: "635230699", 
-                elementId: "ms-ad-635230699" 
-              }); 
-            }); 
-          `,
-        }}
-      />
-    </>
-  );
+  useEffect(() => {
+    (window as any).msAdsQueue.push(() => {
+      (window as any).pubCenterSdk.render({
+        adUnitId: '635230699',
+        elementId: 'ms-ad-635230699',
+      });
+    });
+  });
+
+  return <div id="ms-ad-635230699" />;
 }
diff --git a/src/components/Party3.tsx b/src/components/Party3.tsx
index 6df25857d..0d5da953c 100644
--- a/src/components/Party3.tsx
+++ b/src/components/Party3.tsx
@@ -1,4 +1,10 @@
+import { useEffect } from 'react';
+
 export function Party3() {
+  useEffect(() => {
+    (window as any).msAdsQueue = (window as any).msAdsQueue || [];
+  }, []);
+
   return (
     <>
       {/* analytics */}
@@ -26,13 +32,6 @@ export function Party3() {
       /> */}
 
       {/* pub center */}
-      <script
-        dangerouslySetInnerHTML={{
-          __html: `
-            window.msAdsQueue = window.msAdsQueue || [];
-          `,
-        }}
-      />
       <script
         async
         src="https://adsdk.microsoft.com/pubcenter/sdk.js?siteId=364477&publisherId=253617120"