Use @next/third-parties

UTDNebula · Oct 8, 2024 · 1785cc4 · 1785cc4
1 parent 64b41d6
commit 1785cc4
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 29 deletions.
diff --git a/.env.example b/.env.example
@@ -7,5 +7,4 @@ PSQL_PASS=
 DATABASE_URL=
 DISCORD_CLIENT_ID=
 DISCORD_CLIENT_SECRET=
-NEXT_PUBLIC_MEASUREMENT_ID=
 ```
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
   "dependencies": {
     "@auth/drizzle-adapter": "^0.3.2",
     "@hookform/resolvers": "^3.3.2",
+    "@next/third-parties": "^14.2.15",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -7,7 +7,7 @@ import { TRPCReactProvider } from '@src/trpc/react';
 import Sidebar from '@src/components/nav/Sidebar';
 import { type Metadata } from 'next';
 
-import GoogleAnalytics from '@src/components/googleAnalytics';
+import { GoogleAnalytics } from '@next/third-parties/google'
 
 const inter = Inter({
   subsets: ['latin'],
@@ -43,12 +43,12 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <GoogleAnalytics />
       <body className={`font-sans ${inter.variable}`}>
         <TRPCReactProvider headers={headers()}>
           <Sidebar />
           <div className="max-h-screen overflow-y-scroll">{children}</div>
         </TRPCReactProvider>
+        <GoogleAnalytics gaId="G-FYTBHVKNG6" />
       </body>
     </html>
   );

diff --git a/src/components/googleAnalytics.tsx b/src/components/googleAnalytics.tsx