"Added @vercel/analytics dependency and imported Analytics component …

…in _app.tsx" "Added @vercel/analytics dependency and imported Analytics component in _app.tsx"
birajrai · Jun 28, 2024 · 5f06f36 · 5f06f36
1 parent 9ba9937
commit 5f06f36
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@vercel/analytics": "^1.3.1",
     "@vercel/speed-insights": "^1.0.12",
     "autoprefixer": "latest",
     "next": "latest",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -4,6 +4,8 @@ import { TaskProvider } from '../contexts/TaskContext';
 import { useState, useEffect } from 'react';
 import { FaSun, FaMoon } from 'react-icons/fa';
 import { SpeedInsights } from '@vercel/speed-insights/next';
+import { Analytics } from '@vercel/analytics/react';
+
 function MyApp({ Component, pageProps }: AppProps) {
     const [darkMode, setDarkMode] = useState(false);
 
@@ -38,6 +40,7 @@ function MyApp({ Component, pageProps }: AppProps) {
             </div>
             <Component {...pageProps} />
             <SpeedInsights />
+            <Analytics />
         </TaskProvider>
     );
 }

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml