fix: remove unnecessary hooks #14

Author: soranoo

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-google-adsense",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Next.js Google AdSense",
   "main": "dist/index.js",
   "type": "commonjs",

src/AdLayout.tsx

@@ -1,4 +1,5 @@
-import React, { DetailedHTMLProps } from "react";
+import type { DetailedHTMLProps } from "react";
+import React from "react";
 
 export type Layout = "display" | "in-article" | "custom";
 

src/AdUnit.tsx

@@ -78,7 +78,7 @@ export const AdUnit = ({
   //? empty object can be passed via .push, see: https://github.com/soranoo/next-google-adsense/issues/6
 
   return (
-    <div key={pathname.replace(/\//g, "-") + "-" + slotId + "-" + comment.replace(" ", "-")}>
+    <div key={`${pathname.replace(/\//g, "-")}-${slotId}-${comment.replace(" ", "-")}`}>
       {Ad}
     </div>
   );

src/GoogleAdSense.tsx

@@ -3,10 +3,9 @@
 
 import type { ScriptProps } from "next/script";
 
-import React, { useEffect } from "react";
+import React from "react";
 import Script from "next/script";
 import { isPublisherId } from "./utils";
-import { usePathname } from "next/navigation";
 
 interface GoogleAdSenseProps extends Omit<ScriptProps, "src" | "id"> {
   publisherId?: string;
@@ -22,8 +21,6 @@ export const GoogleAdSense = ({
   debug = false,
   ...props
 }: GoogleAdSenseProps): JSX.Element | null => {
-  const pathName = usePathname();
-
   const _publisherId = process.env.NEXT_PUBLIC_ADSENSE_PUBLISHER_ID ?? publisherId;
 
   if (!isPublisherId(_publisherId)) {
@@ -38,7 +35,7 @@ export const GoogleAdSense = ({
       async={true}
       id="next-google-adsense"
       src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-${_publisherId}${
-        debug ? `google_console=1` : ``
+        debug ? "google_console=1" : ""
       }`}
       strategy="afterInteractive"
       crossOrigin="anonymous"