How to capture data in client compnents in SSR with app router - without suspense?

[CaptainN]

I have a really complex component, that is difficult to match the height for a skeleton, without generating a lot of CLS. My strategy is to simply render this large component with empty dummy data, and a loading overlay, and when the data comes in, load the component. In this case, it's a lot easier to not use suspense. But if I disable it, SSR doesn't work.

Is there a way to get it to work when suspense: false?

This is also a very old app, with dozens of components that load data - migrating them all to suspense is a much heavier lift than an alternative. It seems like it should be possible to use this without Suspense boundaries (given it is clearly possible on other platforms), but there's nothing in the docs about how to set it up in next.js specifically.

[CaptainN]

Oh, could it be just as easy as turning on suspense: true when doing SSR, and disabling it in the browser? Neat!

[CaptainN]

This seems to work great.