reuse ins content

components/StatsModal.tsx

@@ -227,21 +227,30 @@ export default function StatsModal(props: Props) {
   const maxDistribution = Math.max(...Object.values(distribution));
 
   const [isAdUnitRendered, setIsAdUnitRendered] = useState(false);
+  const adsByGooglePushedRef = useRef(false);
   const adUnitRef = useRef<HTMLDivElement>(null);
+  const adContentRef = useRef<string>(null);
+
   useEffect(() => {
     if (!isOpen || !isAdUnitRendered) return;
 
     const adUnit = adUnitRef.current;
-    adUnit.innerHTML = `<!-- stats-ads -->
+    adUnit.innerHTML =
+      adContentRef.current ??
+      `<!-- stats-ads -->
     <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-3081263972680635"
       data-ad-slot="2576511153"
       data-ad-format="auto"
       data-full-width-responsive="true"></ins>`;
+    if (adsByGooglePushedRef.current) return;
+
     try {
       // @ts-ignore
       window.adsbygoogle = (window.adsbygoogle || []).push({});
+      adsByGooglePushedRef.current = true;
+      adContentRef.current = adUnit.innerHTML;
     } catch (err) {
       // ignore
     }