From 73afbeabecc6fcd52a53a850e2d4ba94948fdf20 Mon Sep 17 00:00:00 2001
From: Jack Hsu <jack.hsu@gmail.com>
Date: Tue, 31 Aug 2021 09:14:01 -0400
Subject: [PATCH] fix(nextjs): add displayName to CustomDocument component when
 using styled-components

---
 .../generators/application/files/pages/_document.tsx__tmpl__    | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/next/src/generators/application/files/pages/_document.tsx__tmpl__ b/packages/next/src/generators/application/files/pages/_document.tsx__tmpl__
index 9feb93cf17493d..23ba85367c74cf 100644
--- a/packages/next/src/generators/application/files/pages/_document.tsx__tmpl__
+++ b/packages/next/src/generators/application/files/pages/_document.tsx__tmpl__
@@ -3,6 +3,8 @@ import Document, { Html, Head, Main, NextScript } from 'next/document';
 import { ServerStyleSheet } from 'styled-components';
 
 export default class CustomDocument extends Document<{ styleTags: ReactElement[] }> {
+  static displayName = 'CustomDocument';
+
   static getInitialProps({ renderPage }) {
     const sheet = new ServerStyleSheet();