Use Html component in _document page

ryanhefner · ryanhefner · commit 1ed8c82f67df · 2020-10-27T13:16:28.000-04:00
diff --git a/src/pages/_document.js b/src/pages/_document.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import Document, { Head, Main, NextScript } from 'next/document';
+import Document, { Head, Html, Main, NextScript } from 'next/document';
 import { ServerStyleSheet } from 'styled-components';
 
 export default class MyDocument extends Document {
@@ -47,7 +47,7 @@ export default class MyDocument extends Document {
     } = this.props;
 
     return (
-      <html lang="en">
+      <Html lang="en">
         <Head>
           <link rel="stylesheet" href="/static/css/fonts.css" />
           {this.props.styles}
@@ -66,7 +66,7 @@ export default class MyDocument extends Document {
             </React.Fragment>
           )}
         </body>
-      </html>
+      </Html>
     );
   }
 }
