refactor(component): improve document component (#68)

GervinFung · web-flow · commit 623ba3facf8f · 2024-09-22T17:31:05.000+08:00
diff --git a/apps/web/pages/_document.tsx b/apps/web/pages/_document.tsx
@@ -4,7 +4,7 @@ import Document, { Head, Main, NextScript, Html } from 'next/document';
 import React from 'react';
 
 export default class Doc extends Document {
-	static override getInitialProps = async (context: DocumentContext) => {
+	static override async getInitialProps(context: DocumentContext) {
 		const { renderPage: originalRenderPage } = context;
 
 		// Run the React rendering logic synchronously
@@ -22,10 +22,10 @@ export default class Doc extends Document {
 		};
 
 		// Run the parent `getInitialProps`, it now includes the custom `renderPage`
-		return await Document.getInitialProps(context);
-	};
+		return await super.getInitialProps(context);
+	}
 
-	override render = () => {
+	override render() {
 		return (
 			<Html lang="en">
 				<Head>
@@ -43,5 +43,5 @@ export default class Doc extends Document {
 				</body>
 			</Html>
 		);
-	};
+	}
 }
