Merge pull request #180 from eatski/dev

Dev

src/components/ads/index.tsx

@@ -1,9 +1,13 @@
 import Script from "next/script";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 
 export const Ads = () => {
 	const initialized = useRef<boolean>(false);
+	const [loaded, setLoaded] = useState(false);
 	useEffect(() => {
+		if (!loaded) {
+			return;
+		}
 		if (initialized.current) {
 			return;
 		}
@@ -16,13 +20,16 @@ export const Ads = () => {
 		} catch (e) {
 			console.error(e);
 		}
-	}, []);
+	}, [loaded]);
 	return (
 		<>
 			<Script
 				async
 				src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4007955646272580"
 				crossOrigin="anonymous"
+				onLoad={() => {
+					setLoaded(true);
+				}}
 			/>
 			<ins
 				className="adsbygoogle"

src/pages/[markdownName].tsx

@@ -3,8 +3,6 @@ import { Layout } from "@/components/layout";
 import { readFile } from "fs/promises";
 import { GetStaticPaths, GetStaticProps } from "next";
 import { resolve } from "path";
-import Script from "next/script";
-import { useEffect, useRef } from "react";
 import { Ads } from "@/components/ads";
 
 type Props = {