fix: use use effect

src/components/Ads/Horizontal.tsx

@@ -1,19 +1,14 @@
+import { useEffect } from 'react';
+
 export function AdHorizontal() {
-  return (
+  useEffect(() => {
-    <>
+    (window as any).msAdsQueue.push(() => {
-      <div id="ms-ad-635230699" />
+      (window as any).pubCenterSdk.render({
-      <script
+        adUnitId: '635230699',
-        dangerouslySetInnerHTML={{
+        elementId: 'ms-ad-635230699',
-          __html: `
+      });
-            window.msAdsQueue.push(() => { 
+    });
-              window.pubCenterSdk.render({ 
+  });
-                adUnitId: "635230699", 
+
-                elementId: "ms-ad-635230699" 
+  return <div id="ms-ad-635230699" />;
-              }); 
-            }); 
-          `,
-        }}
-      />
-    </>
-  );
 }

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"