Troubleshooting live previews in Next.js project with dynamic loading and React errors.

Hi all, I'm having a bit of trouble with live previews in my Next.js project.
I'm trying to avoid duplicating every single component just to have a preview version and a regular one, so instead I made a generic preview component that dynamically loads the correct one and passes it the initial data and the query that it requires.

This kind of works but in preview mode everything flashes (probably due to the dynamic loading logic) and sometimes I get weird React errors saying
.
Any suggestions on how to make all this work without weird generic shenanigans and code duplication? Thank you!

👋 We probably can’t help you much without seeing your code.

Yeah, I know but unfortunately I can't share it cause it's for a client and I signed an nda... 😅
But I managed to solve my issues by just using the

LiveQuery

component provided by

next-sanity

.
Thanks for the reply!

Oh great! I’m glad you found a solution.