🐛 Fix vercel speed insight (#814)

419Labs · Oct 16, 2024 · a87430d · a87430d
1 parent 13ec855
commit a87430d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -2,9 +2,11 @@ import "../styles/globals.css";
 import "@fortawesome/fontawesome-svg-core/styles.css";
 import { ChakraProvider } from "@chakra-ui/react";
 import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/react";
 import dayjs from "dayjs";
 import duration from "dayjs/plugin/duration";
 import type { AppProps } from "next/app";
+import { useRouter } from "next/router";
 import { NextSeo } from "next-seo";
 
 import defaultSEOConfig from "../../next-seo.config";
@@ -15,13 +17,15 @@ import customTheme from "../styles/customTheme";
 dayjs.extend(duration);
 
 function StarknetEcosystem({ Component, pageProps }: AppProps) {
+  const router = useRouter();
   return (
     <TranslateProvider>
       <ChakraProvider theme={customTheme}>
         <NextSeo {...defaultSEOConfig} />
         <Layout>
           <Component {...pageProps} />
           <Analytics />
+          <SpeedInsights sampleRate={70} route={router.pathname} />
         </Layout>
       </ChakraProvider>
     </TranslateProvider>

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,7 +1,6 @@
 /* eslint-disable react/jsx-props-no-spreading */
 import { ColorModeScript } from "@chakra-ui/color-mode";
 import createEmotionServer from "@emotion/server/create-instance";
-import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { DocumentContext } from "next/document";
 import Document, { Html, Head, Main, NextScript } from "next/document";
 import * as React from "react";
@@ -115,7 +114,6 @@ class MyDocument extends Document {
           <ColorModeScript initialColorMode="dark" />
           <Main />
           <NextScript />
-          <SpeedInsights sampleRate={70} />
         </body>
       </Html>
     );