React: RSCs don't render correctly in Docs

[shilman]

Describe the bug

When I enable RSCs in Next.js they render fine as individual stories. However, on the docs page they show up blank:

In the console is the typical error message:

Warning: async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding 'use client' to a module that was originally written for the server.

Also, navigating away from the page locks up the browser.

To Reproduce

No response

System

No response

Additional context

No response

[shilman]

This appears to be a limitation of React, which is unable to render multiple async component roots on the client. Repro: https://github.com/shilman/vite-rsc-test

To workaround this you can disable inline docs rendering. This is not ideal because controls are broken for iframe stories #11908 , but it's something.

  parameters: { docs: { story: { inline: false } } }