fix: setup speed insights correctly (#395)

fern-api · Jan 23, 2024 · c18caed · c18caed
1 parent c419c36
commit c18caed
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/ui/app/src/next-app/NextApp.tsx b/packages/ui/app/src/next-app/NextApp.tsx
@@ -1,4 +1,5 @@
 import "@fortawesome/fontawesome-svg-core/styles.css";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { AppProps } from "next/app";
 import { ReactElement } from "react";
 import { ThemeProvider } from "../docs/ThemeProvider";
@@ -11,8 +12,11 @@ setupFontAwesomeIcons();
 export function NextApp({ Component, pageProps }: AppProps<Partial<DocsPage.Props>>): ReactElement {
     const theme = pageProps.docs?.definition.config.colorsV3.type;
     return (
-        <ThemeProvider theme={theme}>
-            <Component {...pageProps} />
-        </ThemeProvider>
+        <>
+            <ThemeProvider theme={theme}>
+                <Component {...pageProps} />
+            </ThemeProvider>
+            <SpeedInsights />
+        </>
     );
 }
diff --git a/packages/ui/app/src/next-app/NextDocument.tsx b/packages/ui/app/src/next-app/NextDocument.tsx
@@ -1,4 +1,3 @@
-import { SpeedInsights } from "@vercel/speed-insights/next";
 import { Head, Html, Main, NextScript } from "next/document";
 import { ReactElement } from "react";
 
@@ -9,7 +8,6 @@ export function NextDocument(): ReactElement {
             <body className="antialiased">
                 <Main />
                 <NextScript />
-                <SpeedInsights />
             </body>
         </Html>
     );