Next 13: How to implement SSR rendering with styled-components?

[damassi]

What is the improvement or update you wish to see?

With the new layouts paradigm, its unclear how to implement SSR rendering for styled-components.

Is there any context that might help us understand?

Before, one would implement this in _document.tsx in getInitialProps, via ctx.renderPage, thereby executing the collectStyles function.

See the Next.js example code.

It is unclear how to recreate this functionality using layout.tsx within an app directory.

Does the docs page already exist? Please link to it.

No response