Add @vercel/speed-insights package and component

mnixry · Feb 6, 2024 · f034d18 · f034d18
1 parent 337a753
commit f034d18
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -20,6 +20,7 @@
     "@uiw/codemirror-extensions-langs": "^4.21.21",
     "@uiw/codemirror-theme-github": "^4.21.21",
     "@uiw/react-codemirror": "^4.21.21",
+    "@vercel/speed-insights": "^1.0.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "shlex": "^2.1.2"

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -1,5 +1,6 @@
 import { MantineProvider } from "@mantine/core";
 import "@mantine/core/styles.css";
+import { SpeedInsights } from "@vercel/speed-insights/react";
 
 import IndexPage from "./views/IndexView";
 
@@ -9,6 +10,7 @@ function App() {
       <MantineProvider defaultColorScheme="auto">
         <IndexPage />
       </MantineProvider>
+      {import.meta.env.VERCEL && <SpeedInsights />}
     </>
   );
 }

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