# Hydration error

**URL:** <https://forum.builder.io/t/hydration-error/2877>\
**Category:** Technical Questions\
**Created:** [November 14, 2022, 8:57am UTC](https://forum.builder.io/t/hydration-error/2877 "2022-11-14T08:57:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bindiya](https://avatars.discourse-cdn.com/v4/letter/b/9fc348/32.png) [@Bindiya](https://forum.builder.io/u/Bindiya)\
**Post date:** [November 14, 2022, 8:57am UTC](https://forum.builder.io/t/hydration-error/2877/1 "2022-11-14T08:57:13Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [November 14, 2022, 1:33pm UTC](https://forum.builder.io/t/hydration-error/2877/2 "2022-11-14T13:33:16Z")

</div>

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](https://forum.builder.io/t/self-closing-tags-in-custom-code-trigger-hydration-error-in-react-sdk/2748)

---

<div class="post-metadata">

**Author:** ![Bindiya](https://avatars.discourse-cdn.com/v4/letter/b/9fc348/32.png) [@Bindiya](https://forum.builder.io/u/Bindiya)\
**Post date:** [November 15, 2022, 7:55am UTC](https://forum.builder.io/t/hydration-error/2877/3 "2022-11-15T07:55:16Z")

</div>

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](https://builder.io/content/1ce1962a070747a48bf794d0e544860e)

![~WRD0000.jpg](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/5/52d5f1c08649212fe6768d2cacdcf8df711810d9.jpeg)

 ![2406.png](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/fbfecaca0a8ac603860441ff0207341cf3638e4d.png)

 ![Screenshot (308).jpg](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/ed4483227cfcaf6e0841e7f0e522433b325427bb.jpeg)

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [November 15, 2022, 3:37pm UTC](https://forum.builder.io/t/hydration-error/2877/4 "2022-11-15T15:37:40Z")

</div>

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](https://ideas.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 to replace the span tag with a div or any other appropriate HTML tag. E.g.

```auto
   const allSpanElements = document.querySelectorAll('span.builder-text');
    allSpanElements.forEach((spanElement) => {
      // Here comes the Code that should be executed on every Builder Span Element, e.g.
      var divElement = document.createElement("div"); 
      divElement.innerHTML = spanElement.innerHTML
      spanElement.parentNode.replaceChild(divElement, spanElement);
    });

```

Let us know if you have any further questions or concerns. Thank you!

 ![Screenshot 2022-11-15 at 7.35.15 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/ec9a9734baa27c68a29daf1a4d39a997e2f7b5b5.png)