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

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

1 Like