import Document from 'next/document';
import { getStyles } from 'typestyle';

export default class CustomDocument extends Document {
  static async getInitialProps(ctx: any) {
    const initialProps = await Document.getInitialProps(ctx)
    return {
      ...initialProps,
      styles: (
        <>
          {initialProps.styles}
          {<style id='styles-target' dangerouslySetInnerHTML={{
            __html: getStyles()
          }}></style>}
        </>
      )
    }
  }
}