Hydration Error when passing bound data to custom component

Hello, I’m experiencing some hydration issues when passing bound data to a custom component. Despite trying numerous solutions, I find myself quite lost on how to resolve this problem. Am I making a mistake, or has anyone else encountered a similar issue and found a solution? Any guidance would be greatly appreciated. You can check my repo, which is a basic NextJS project to reproduce the exact issue.

Builder content link

Builder public api key
9eacceea83e34c62b1ceadf2a0411f09

Detailed steps to reproduce the bug
See loom below

Screenshots or video link

Builder.io - NextJS - Hydration Error - Watch Video

Code stack you are integrating Builder with
NextJS 14.2.3

Reproducible code example
https://github.com/Skry/builder-io-nextjs-hydration-error

1 Like