fix/added-global-window-gtag

src/app/layout.tsx

@@ -1,7 +1,3 @@
-import Navbar from "@/components/navbar";
-import { ThemeProvider } from "@/components/theme-provider";
-import { TooltipProvider } from "@/components/ui/tooltip";
-import GoogleAnalytics from "@/components/google-analytics";
 import { DATA } from "@/data/resume";
 import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
@@ -63,13 +59,7 @@ export default function RootLayout({
           fontSans.variable
         )}
       >
-        <GoogleAnalytics GA_MEASUREMENT_ID={process.env.NEXT_PUBLIC_GOOGLE_ID as string} />
-        <ThemeProvider attribute="class" defaultTheme="light">
-          <TooltipProvider delayDuration={0}>
-            {children}
-            <Navbar />
-          </TooltipProvider>
-        </ThemeProvider>
+        {children}
       </body>
     </html>
   );

src/app/providers.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import { Fragment } from "react";
+import Navbar from "@/components/navbar";
+import { ThemeProvider } from "@/components/theme-provider";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import GoogleAnalytics from "@/components/google-analytics";
+
+
+export interface ProvidersProps {
+  children: React.ReactNode;
+}
+
+export function Providers({ children }: ProvidersProps) {
+  return (
+    <Fragment>
+      <GoogleAnalytics GA_MEASUREMENT_ID={process.env.NEXT_PUBLIC_GOOGLE_ID as string} />
+      <ThemeProvider attribute="class" defaultTheme="light">
+        <TooltipProvider delayDuration={0}>
+          {children}
+          <Navbar />
+        </TooltipProvider>
+      </ThemeProvider>
+    </Fragment>
+  );
+}
+

src/lib/gtag.ts

@@ -1,5 +1,11 @@
+declare global {
+  interface Window {
+    gtag: (...args: any[]) => void;
+  }
+}
+
 export const pageview = (GA_MEASUREMENT_ID: string, url: string) => {
-  window.gtag("config", GA_MEASUREMENT_ID, {
+  window?.gtag("config", GA_MEASUREMENT_ID, {
     page_path: url,
   });
 };