I have used text block from builder basics. By default it renderes tag. But when i update dynamic text it takes tag by default. This is causing hydration error in react/next app. Is there any way to remove span tag globally?

Hi @Bindiya ! If you could please share a screenshot or a loom to reproduce this error, will be much appreciated. Also, you may find help at our forum post Self-closing tags in custom code trigger hydration error in React SDK

Hi Bindiya! Currently, there is no feature available within the builder to remove the <span> tag from the Text box input. But you can submit a feature request at Builder.io Ideas . Now, as a solution, you can definitely use a Custom code block instead of Text Box input. Or you can use javascript t…

Hydration error

Technical Questions

Bindiya November 15, 2022, 7:55am 3

Hey Manish,

We have shared details as part of request (3286) in support ticket.

Have attached a screenshot to highlight inappropriate html tag placement.

Builder space link : https://builder.io/content/1ce1962a070747a48bf794d0e544860e

~WRD0000.jpg

Topic		Replies	Views
Self-closing tags in custom code trigger hydration error in React SDK Bugs	0	708	October 14, 2022
Symbol with Content Input causes hydration errors in Next.js Bugs nextjs , symbols	10	113	December 27, 2024
Hydration error when using SSG with Custom Code component Technical Questions nextjs	1	78	October 7, 2024
Builder/react SDK Did not expect server HTML to contain a <div> in <div> Bugs gatsby , react	21	3423	July 1, 2022
Span added per defualt as Text - Makes it difficult for SEO optimazation Technical Questions	2	416	October 11, 2021

Hydration error

Related topics