MaxMEllon/hoge.tsx

## hoge.tsx
export default class MyDocument extends Document<{ tracking?: boolean; nonce: string }> {
  static async getInitialProps(ctx: DocumentContext) {
    const initialProps = await Document.getInitialProps(ctx)
    const dnt = ctx?.req?.headers['DNT'] ?? '0'
    const tracking = dnt !== '1'
    return { ...initialProps, tracking, nonce }
  }

  render() {
    return (
      <html lang="ja">
        <Head>
          <link rel="manifest" href="/manifest.json" />
          <meta name="theme-color" content={colors.brand} />
          <meta name="description" content="令和２年度補正家賃支援給付金事務事業" />
          {this.props.tracking && <script src={analyticsScript} async />}
        </Head>
        <body>
          <Main />
          <NextScript nonce={this.props.nonce} />
        </body>
      </html>
    )
  }
}
	export default class MyDocument extends Document<{ tracking?: boolean; nonce: string }> {
	static async getInitialProps(ctx: DocumentContext) {
	const initialProps = await Document.getInitialProps(ctx)
	const dnt = ctx?.req?.headers['DNT'] ?? '0'
	const tracking = dnt !== '1'
	return { ...initialProps, tracking, nonce }
	}

	render() {
	return (
	<html lang="ja">
	<Head>
	<link rel="manifest" href="/manifest.json" />
	<meta name="theme-color" content={colors.brand} />
	<meta name="description" content="令和２年度補正家賃支援給付金事務事業" />
	{this.props.tracking && <script src={analyticsScript} async />}
	</Head>
	<body>
	<Main />
	<NextScript nonce={this.props.nonce} />
	</body>
	</html>
	)
	}
	}