From d5159f651d381adb3f761c28d539c6752aeb6eff Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Tue, 3 Dec 2024 20:45:00 +0900
Subject: [PATCH] chore: add vercel speed insights monitoring tools

---
 package-lock.json | 35 +++++++++++++++++++++++++++++++++++
 package.json      |  1 +
 src/App.tsx       |  2 ++
 3 files changed, 38 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index afef438..3f4770e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
         "@vercel/analytics": "^1.3.1",
+        "@vercel/speed-insights": "^1.1.0",
         "antd": "^5.19.0",
         "axios": "^1.7.2",
         "chromatic": "^11.5.4",
@@ -12378,6 +12379,40 @@
         }
       }
     },
+    "node_modules/@vercel/speed-insights": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.1.0.tgz",
+      "integrity": "sha512-rAXxuhhO4mlRGC9noa5F7HLMtGg8YF1zAN6Pjd1Ny4pII4cerhtwSG4vympbCl+pWkH7nBS9kVXRD4FAn54dlg==",
+      "hasInstallScript": true,
+      "peerDependencies": {
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vitest/expect": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.3.1.tgz",
diff --git a/package.json b/package.json
index 8119945..bc47b41 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vercel/analytics": "^1.3.1",
+    "@vercel/speed-insights": "^1.1.0",
     "antd": "^5.19.0",
     "axios": "^1.7.2",
     "chromatic": "^11.5.4",
diff --git a/src/App.tsx b/src/App.tsx
index 445e483..a67a20f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
+import { SpeedInsights } from '@vercel/speed-insights/react';
 import AppRoutes from './routes/app-routes';
 
 const App: React.FC = () => {
   return (
     <BrowserRouter>
+      <SpeedInsights />
       <AppRoutes />
     </BrowserRouter>
   );