Document fonctional style

garronej · garronej · commit 909bdd75d223 · 2022-09-25T22:32:41.000+02:00
diff --git a/src/test/frameworks/next/pages/_document.tsx b/src/test/frameworks/next/pages/_document.tsx
@@ -4,27 +4,24 @@ import { getColorSchemeSsrUtils } from "dsfr-react/lib/nextJs";
 
 const { readColorSchemeFromCookie, getColorSchemeHtmlAttributes } = getColorSchemeSsrUtils();
 
-export default class Document extends DefaultDocument {
-	static async getInitialProps(ctx: DocumentContext) {
-
-		const initialProps = await DefaultDocument.getInitialProps(ctx);
+export default function Document() {
+	return (
+		<Html {...getColorSchemeHtmlAttributes()}>
+			<Head />
+			<body>
+				<Main />
+				<NextScript />
+			</body>
+		</Html>
+	)
+}
 
-		readColorSchemeFromCookie(ctx);
+Document.getInitialProps = async (ctx: DocumentContext) => {
 
-		return { ...initialProps };
+	const initialProps = await DefaultDocument.getInitialProps(ctx);
 
-	}
+	readColorSchemeFromCookie(ctx);
 
-	render() {
-		return (
-			<Html {...getColorSchemeHtmlAttributes()}>
-				<Head />
-				<body>
-					<Main />
-					<NextScript />
-				</body>
-			</Html>
-		);
-	}
+	return { ...initialProps };
 
-}
+};
