Change where meta tag was added in head

middlewarehq · Dec 11, 2023 · 4b0f21c · 4b0f21c
1 parent 7c92400
commit 4b0f21c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -6,20 +6,29 @@ import { AppLoadingStateWrapper } from '@/components/AppLoadingStateWrapper';
 
 import '@/styles/swiper.css';
 import { inter } from '@/styles/fonts';
+import Head from 'next/head';
 
 export default function App({
   Component,
   pageProps: { session, ...pageProps }
 }: AppProps) {
   return (
-    <main className={`${inter} text-white`}>
-      <SessionProvider session={session}>
-        <AppStateProvider>
-          <AppLoadingStateWrapper>
-            <Component {...pageProps} />
-          </AppLoadingStateWrapper>
-        </AppStateProvider>
-      </SessionProvider>
-    </main>
+    <>
+      <Head>
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1, shrink-to-fit=no"
+        />
+      </Head>
+      <main className={`${inter} text-white`}>
+        <SessionProvider session={session}>
+          <AppStateProvider>
+            <AppLoadingStateWrapper>
+              <Component {...pageProps} />
+            </AppLoadingStateWrapper>
+          </AppStateProvider>
+        </SessionProvider>
+      </main>
+    </>
   );
 }
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -3,12 +3,7 @@ import { Html, Head, Main, NextScript } from 'next/document';
 export default function Document() {
   return (
     <Html lang="en">
-      <Head>
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, shrink-to-fit=no"
-        />
-      </Head>
+      <Head />
       <body>
         <Main />
         <NextScript />