✨ (package.json, index.tsx): add @vercel/speed-insights package (#48)

romantech · Jan 20, 2025 · 9246103 · 9246103
1 parent db936bc
commit 9246103
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     "@tsparticles/preset-links": "^3.1.0",
     "@tsparticles/react": "^3.0.0",
     "@vercel/analytics": "^1.3.1",
+    "@vercel/speed-insights": "^1.1.0",
     "axios": "^1.7.4",
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/index.tsx b/src/index.tsx
@@ -4,6 +4,7 @@ import { createRoot } from 'react-dom/client';
 import { ChakraProvider, ColorModeScript } from '@chakra-ui/react';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { Analytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/react';
 import { RouterProvider } from 'react-router-dom';
 
 import { ConfiguredQueryProvider } from '@/lib';
@@ -15,6 +16,7 @@ const rootElement = document.getElementById('root');
 createRoot(rootElement!).render(
   <StrictMode>
     <Analytics />
+    <SpeedInsights />
     <ChakraProvider theme={theme} toastOptions={toastOptions}>
       <ColorModeScript initialColorMode={theme.config.initialColorMode} />
       <ConfiguredQueryProvider>