fix react-scroll declarartion

.env → .env.example

@@ -4,4 +4,6 @@ NEXT_PUBLIC_API_URL=https://indiekart-admin.vercel.app/api/API_KEY_COPIED_FROM_A
 AUTH_SECRET=
 
 AUTH_GITHUB_ID=
-AUTH_GITHUB_SECRET=
+AUTH_GITHUB_SECRET=
+#Google Analytics Measurement ID
+NEXT_PUBLIC_MEASUREMENT_ID=

components/GoogleAnalytics.tsx

@@ -0,0 +1,28 @@
+// GoogleAnalytics.tsx
+
+import React from 'react';
+import Script from 'next/script';
+
+const GoogleAnalytics = () => {
+  return (
+    <>
+      <Script
+        strategy='lazyOnload'
+        src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_MEASUREMENT_ID}`}
+      />
+
+      <Script id='' strategy='lazyOnload'>
+        {`
+              window.dataLayer = window.dataLayer || [];
+              function gtag(){dataLayer.push(arguments);}
+              gtag('js', new Date());
+              gtag('config', '${process.env.NEXT_PUBLIC_MEASUREMENT_ID}', {
+              page_path: window.location.pathname,
+              });
+          `}
+      </Script>
+    </>
+  );
+};
+
+export default GoogleAnalytics;

package.json

@@ -57,6 +57,7 @@
     "@types/next": "^9.0.0",
     "@types/node": "^20.14.9",
     "@types/react": "^18.3.3",
+    "@types/react-scroll": "^1.8.10",
     "typescript": "^5.5.2"
   },
   "description": "![Copy of Copy of Fullstack Twitter Clone (1)](https://github.com/AntonioErdeljac/next13-ecommerce-admin/assets/23248726/088760cb-837d-44b7-a959-63089385d0a0)",