chore: migrate missing document of with-geist-ui example to typescript (

#40743) ## Documentation / Examples - [x] Make sure the linting passes by running `pnpm lint` - [x] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
vercel · Sep 21, 2022 · fc179d1 · fc179d1
1 parent 806db1a
commit fc179d1
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 33 deletions.
diff --git a/examples/with-geist-ui/pages/_document.js b/examples/with-geist-ui/pages/_document.js
diff --git a/examples/with-geist-ui/pages/_document.tsx b/examples/with-geist-ui/pages/_document.tsx
@@ -0,0 +1,38 @@
+import Document, {
+  Html,
+  Head,
+  Main,
+  NextScript,
+  DocumentContext,
+  DocumentInitialProps,
+} from 'next/document'
+import { CssBaseline } from '@geist-ui/core'
+
+export default function MyDocument() {
+  return (
+    <Html>
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}
+
+MyDocument.getInitialProps = async (
+  ctx: DocumentContext
+): Promise<DocumentInitialProps> => {
+  const initialProps = await Document.getInitialProps(ctx)
+  const styles = CssBaseline.flush()
+
+  return {
+    ...initialProps,
+    styles: (
+      <>
+        {initialProps.styles}
+        {styles}
+      </>
+    ),
+  }
+}