Self-closing tags in custom code trigger hydration error in React SDK

Bugs
1

Self-closing tags like <div /> in a custom code block trigger a hydration error when using the React SDK.

Builder content link

Builder public api key
5e285471921d459f96a0bcceb066c3a6

Detailed steps to reproduce the bug

  1. Go to the Visual Editor.
  2. Add a Custom Code block.
  3. Add a self-closing tag to the block, like <div />.
  4. Publish.
  5. Refresh twice.
  6. Observe the hydration error.

Screenshots or video link

Code stack you are integrating Builder with
Next.js

Reproducible code example

1 Like