chore: refactor AdsScript

docs/src/components/Adsense/Adsbygoogle.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { useEffect } from "react";
+
+declare global {
+	interface Window {
+		adsbygoogle: any;
+	}
+}
+
+interface AdsbygoogleProps {
+	NODE_ENV: string | undefined;
+}
+
+export default function Adsbygoogle({ NODE_ENV }: AdsbygoogleProps) {
+	useEffect(() => {
+		NODE_ENV === "production" &&
+			(window.adsbygoogle = window.adsbygoogle || []).push({});
+	}, []);
+
+	return <></>;
+}

docs/src/components/Adsense/index.tsx

@@ -1,4 +1,4 @@
-import Script from "next/script";
+import Adsbygoogle from "./Adsbygoogle";
 
 interface AdsenseProps {
 	GOOGLE_ADSENSE_CLIENT_ID: string | undefined;
@@ -38,9 +38,7 @@ export function AddBanner({
 				data-ad-format={AdFormat}
 				data-full-width-responsive={FullWidthResponsive}
 			/>
-			<Script id="adsbygoogle-start" strategy="lazyOnload">
-				{`(adsbygoogle = window.adsbygoogle || []).push({});`}
-			</Script>
+			<Adsbygoogle NODE_ENV={process.env.NODE_ENV} />
 		</>
 	);
 }