From e51c16758750ab33390feecdf6d22fa298b7deff Mon Sep 17 00:00:00 2001
From: aromko <aromkoapps@gmail.com>
Date: Wed, 7 Aug 2024 13:23:11 +0200
Subject: [PATCH] add vercel analytics

---
 package.json   |  1 +
 pnpm-lock.yaml | 25 +++++++++++++++++++++++++
 src/App.tsx    |  3 ++-
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a7a4577..217d935 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "@tanstack/react-query": "5.51.1",
     "@tanstack/react-query-devtools": "5.51.1",
     "@tanstack/react-router": "1.45.0",
+    "@vercel/analytics": "^1.3.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "tailwind-merge": "2.4.0"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6b6ef24..7e34246 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,6 +41,9 @@ importers:
       '@tanstack/react-router':
         specifier: 1.45.0
         version: 1.45.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@vercel/analytics':
+        specifier: ^1.3.1
+        version: 1.3.1(react@18.3.1)
       react:
         specifier: 18.3.1
         version: 18.3.1
@@ -2425,6 +2428,17 @@ packages:
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
+  '@vercel/analytics@1.3.1':
+    resolution: {integrity: sha512-xhSlYgAuJ6Q4WQGkzYTLmXwhYl39sWjoMA3nHxfkvG+WdBT25c563a7QhwwKivEOZtPJXifYHR1m2ihoisbWyA==}
+    peerDependencies:
+      next: '>= 13'
+      react: ^18 || ^19
+    peerDependenciesMeta:
+      next:
+        optional: true
+      react:
+        optional: true
+
   '@vitejs/plugin-react-swc@3.7.0':
     resolution: {integrity: sha512-yrknSb3Dci6svCd/qhHqhFPDSw0QtjumcqdKMoNNzmOl5lMXTTiqzjWtG4Qask2HdvvzaNgSunbQGet8/GrKdA==}
     peerDependencies:
@@ -4343,6 +4357,9 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  server-only@0.0.1:
+    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
+
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
@@ -7951,6 +7968,12 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
+  '@vercel/analytics@1.3.1(react@18.3.1)':
+    dependencies:
+      server-only: 0.0.1
+    optionalDependencies:
+      react: 18.3.1
+
   '@vitejs/plugin-react-swc@3.7.0(@swc/helpers@0.5.12)(vite@5.2.12(@types/node@20.14.13))':
     dependencies:
       '@swc/core': 1.5.25(@swc/helpers@0.5.12)
@@ -10510,6 +10533,8 @@ snapshots:
 
   semver@7.6.2: {}
 
+  server-only@0.0.1: {}
+
   set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
diff --git a/src/App.tsx b/src/App.tsx
index 7bdd6af..5ca11de 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
 import { StrictMode } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createRouter, RouterProvider } from '@tanstack/react-router';
-
+import { Analytics } from '@vercel/analytics/react';
 import { MarigoldProvider } from '@marigold/components';
 import theme from '@marigold/theme-docs';
 
@@ -33,6 +33,7 @@ export const App = () => (
       <MarigoldProvider theme={theme}>
         <RouterProvider router={router} />
       </MarigoldProvider>
+      <Analytics />
     </QueryClientProvider>
   </StrictMode>
 );