Fix Type to solve issue found in #36008 (#36671)

Josehower · ijjk · web-flow · commit 01629113bd89 · 2022-05-22T23:25:38.000-05:00
* Fix Type to solve issue found in #36008 It seems the types inside of `DocumentInitialProps` have inconsistencies with the type coming from a fragment The issue is documented here #36008 * Add test Co-authored-by: JJ Kasper <jj@jjsweb.site>
diff --git a/test/production/typescript-basic/app/pages/_document.tsx b/test/production/typescript-basic/app/pages/_document.tsx
@@ -1,16 +1,26 @@
-import { Html, Head, Main, NextScript } from 'next/document'
+import Document, { Html, Head, Main, NextScript } from 'next/document'
 
-export default function Document() {
-  return (
-    <Html>
-      <Head>
-        <meta property="og:url" content="https://nextjs.org/docs" />
-        <meta name="theme-color" content="#ffffff" />
-      </Head>
-      <body>
-        <Main />
-        <NextScript />
-      </body>
-    </Html>
-  )
+export default class MyDocument extends Document {
+  static async getInitialProps(ctx) {
+    const initialProps = await Document.getInitialProps(ctx)
+    return {
+      ...initialProps,
+      styles: <></>,
+    }
+  }
+
+  render() {
+    return (
+      <Html>
+        <Head>
+          <meta property="og:url" content="https://nextjs.org/docs" />
+          <meta name="theme-color" content="#ffffff" />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
 }
