nextjs-typestyle 🌹

_app.tsx

import App from 'next/app'
import { setStylesTarget } from 'typestyle'

export default class MyApp extends App {
  componentDidMount() {
    /**
     * Hydrate typestyle 
     */
    setStylesTarget(document.getElementById('styles-target')!)
  }
}

_document.tsx

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>}
        </>
      )
    }
  }
}

Thank you! It helped me