Relay example: fix "Missing Document Components" Next.js error

See: https://nextjs.org/docs/messages/missing-document-component
adeira · Dec 19, 2021 · c1de0a7 · c1de0a7
1 parent f2e2c6f
commit c1de0a7
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/example-relay/src/pages/_document.js b/src/example-relay/src/pages/_document.js
@@ -1,7 +1,8 @@
 // @flow
 
 import type { Node, Element } from 'react';
-import Document, { Head, Main, NextScript, type DocumentContext } from 'next/document';
+// $FlowFixMe[missing-export]
+import Document, { Html, Head, Main, NextScript, type DocumentContext } from 'next/document';
 import sx from '@adeira/sx';
 
 import { mediaStyles } from '../components/Media';
@@ -21,7 +22,7 @@ export default class MyDocument extends Document {
 
   render(): Element<'html'> {
     return (
-      <html lang="en-US">
+      <Html lang="en-US">
         <Head>
           <link rel="icon" href="https://adeira.dev/img/favicon.ico" />
           <style dangerouslySetInnerHTML={{ __html: mediaStyles }} />
@@ -30,7 +31,7 @@ export default class MyDocument extends Document {
           <Main />
           <NextScript />
         </body>
-      </html>
+      </Html>
     );
   }
 }