yandex

quartz/components/_Ads.tsx

@@ -1,19 +1,22 @@
 import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 // @ts-ignore
 import { classNames } from "../util/lang"
+import { useEffect } from "react"
 
 const Ads: QuartzComponent = ({ displayClass, fileData }: QuartzComponentProps) => {
-  return (
-    <!-- Yandex.RTB R-A-12784625-1 -->
-    <div id="yandex_rtb_R-A-12784625-1"></div>
-  <script>
+  useEffect(() => {
     window.yaContextCb.push(() => {
-    Ya.Context.AdvManager.render({
-      "blockId": "R-A-12784625-1",
-      "renderTo": "yandex_rtb_R-A-12784625-1"
+      Ya.Context.AdvManager.render({
+        blockId: "R-A-12784625-1",
+        renderTo: "yandex_rtb_R-A-12784625-1"
+      })
     })
-  })
-  </script>
+  }, [])
+
+  return (
+    <div id="yandex_rtb_R-A-12784625-1">
+    </div>
   )
 }
+
 export default (() => Ads) satisfies QuartzComponentConstructor