Resolved error of client component wrapped by server component when using Suspense in turbopack dev mode

[suuf]

Hello!

I was going to open a bug report, but canary release 15.4.0-canary.76 fixes my issue, so I thought I would create a discussion in case anyone else comes across this.

I had a server component wrapped in <Suspense> in page.tsx, where I acquired data, and then passed them in a client component (i.e. with 'use client' at its top).

When running next dev --turbopack, if I changed something in the client component (i.e. added a console.log(...)), I would get an error like TypeError: Cannot read properties of null (reading 'useState') on lines where any client-specific features were used.

• If I removed the Supense, the error went away.
• Also, when using the Suspense:
• • I could specify for the client component to have SSR disabled (using next's dynamic) - but this seemed a bit far fetched as the error shouldn't have been there no matter where the component was rendered.
• • I could also run next dev instead of next dev --turbopack, and the error would be gone. And finally,
• • I could install next version 15.4.0-canary.76 and keep Suspense, without losing turbopack, and without using dynamic (and live with the potential lack of stability of canary releases) 🎉