From 84c7a88da4d0b5bb8bf070229ad4132493fef3f0 Mon Sep 17 00:00:00 2001
From: Kevin Wu <kevinwu098@gmail.com>
Date: Wed, 27 Dec 2023 18:55:07 -0800
Subject: [PATCH] fix: update env name

---
 components/GoogleAnalytics.tsx | 4 ++--
 lib/gtag.ts                    | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/GoogleAnalytics.tsx b/components/GoogleAnalytics.tsx
index fec3093..c8ec0a2 100644
--- a/components/GoogleAnalytics.tsx
+++ b/components/GoogleAnalytics.tsx
@@ -8,7 +8,7 @@ const GoogleAnalytics = () => {
         <>
             <Script
                 strategy="afterInteractive"
-                src={`https://www.googletagmanager.com/gtag/js?id=${gtag.GA_TRACKING_ID}`}
+                src={`https://www.googletagmanager.com/gtag/js?id=${gtag.NEXT_PUBLIC_GA_TRACKING_ID}`}
             />
             <Script
                 id="gtag-init"
@@ -18,7 +18,7 @@ const GoogleAnalytics = () => {
                       window.dataLayer = window.dataLayer || [];
                       function gtag(){dataLayer.push(arguments);}
                       gtag('js', new Date());
-                      gtag('config', '${gtag.GA_TRACKING_ID}', {
+                      gtag('config', '${gtag.NEXT_PUBLIC_GA_TRACKING_ID}', {
                       page_path: window.location.pathname,
                       });
                     `,
diff --git a/lib/gtag.ts b/lib/gtag.ts
index e126bfa..bdbc79d 100644
--- a/lib/gtag.ts
+++ b/lib/gtag.ts
@@ -1,9 +1,10 @@
 // https://stackoverflow.com/questions/77063977/implementing-google-analytics-in-nextjs-13-app-directory
 
-export const GA_TRACKING_ID: string | undefined = process.env.GA_TRACKING_ID;
+export const NEXT_PUBLIC_GA_TRACKING_ID: string | undefined =
+    process.env.NEXT_PUBLIC_GA_TRACKING_ID;
 
 export const pageview = (url: string) => {
-    (window as any).gtag("config", GA_TRACKING_ID, {
+    (window as any).gtag("config", NEXT_PUBLIC_GA_TRACKING_ID, {
         page_path: url,
     });
 };