Provide functional example for custom _document in the docs #529

xzilja · 2022-06-09T12:29:41Z

xzilja
Jun 9, 2022

Noticed that you guys are using functional components in every docs example besides second step here in the docs https://nextui.org/docs/guide/getting-started#next.js

For consistency, custom document could be defined like this as a functional component

import { CssBaseline } from '@nextui-org/react'
import { DocumentContext, Head, Html, Main, NextScript } from 'next/document'
import { Children } from 'react'

export default function Document() {
  return (
    <Html>
      <Head>{CssBaseline.flush()}</Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

Document.getInitialProps = async (ctx: DocumentContext) => {
  const props = await ctx.defaultGetInitialProps(ctx)

  return {
    ...props,
    styles: Children.toArray([props.styles])
  }
}

jrgarciadev · 2022-06-18T14:05:11Z

jrgarciadev
Jun 18, 2022
Maintainer

Hey @iljadaderko thanks for mentioning it, we will add it as soon as possible 🙏🏻

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Provide functional example for custom _document in the docs #529

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Provide functional example for custom _document in the docs #529

xzilja Jun 9, 2022

Replies: 1 comment

jrgarciadev Jun 18, 2022 Maintainer

xzilja
Jun 9, 2022

jrgarciadev
Jun 18, 2022
Maintainer