# A tree hydrated but some attributes of the server rendered HTML didn't match the client properties

**URL:** <https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242>\
**Category:** Technical Questions\
**Created:** [February 17, 2025, 11:21am UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242 "2025-02-17T11:21:09Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![matuskocian](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@matuskocian](https://forum.builder.io/u/matuskocian)\
**Post date:** [February 17, 2025, 11:21am UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/1 "2025-02-17T11:21:09Z")

</div>

Hello,

I recieve error while trying to impleement SSR with NextJS  
from what i see, there is something adding styles and also reorganizing attributes. Any idea what could be bad ?

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/b/bf600970b573220862577649e60061f9124127ce.png)

---

<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:** [February 17, 2025, 4:17pm UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/2 "2025-02-17T16:17:50Z")

</div>

Hello @matuskocian,

Could you please confirm the **Builder SDK version** and **Next.js version** you are using? This will help us better understand the issue and attempt to reproduce it.

Additionally, you can try **removing the `node_modules` folder and `package-lock.json` file** , then reinstalling the dependencies to see if that resolves the issue:

```auto
rm -rf node_modules package-lock.json
npm install

```

Thanks,

---

<div class="post-metadata">

**Author:** ![matuskocian](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@matuskocian](https://forum.builder.io/u/matuskocian)\
**Post date:** [February 18, 2025, 7:17am UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/3 "2025-02-18T07:17:37Z")

</div>

We are using these versions, and the error is for some reason only in editor. On the localhost:3000 where is sever hosted there is no problem

> @builder.io/react": “^8.0.9”,  
> @builder.io/sdk": “^6.0.4”,  
> @builder.io/sdk-react": “^4.0.2”,  
> “next”: “15.1.7”,  
> “react”: “19.0.0”,  
> “react-dom”: “19.0.0”,

Removing and installing did not help

---

<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:** [February 19, 2025, 4:13pm UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/4 "2025-02-19T16:13:49Z")

</div>

Hi @matuskocian,

Are you using the **App Router** or **Page Router**? Also, could you share your Builder integration code or provide a minimal reproducible GitHub repo to help us debug the issue?

Looking forward to your response!

Best,

---

<div class="post-metadata">

**Author:** ![matuskocian](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@matuskocian](https://forum.builder.io/u/matuskocian)\
**Post date:** [February 20, 2025, 8:29am UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/5 "2025-02-20T08:29:18Z")

</div>

We are using Next App Router. Implemented by this example [builder/examples/next-js-app-router at main · BuilderIO/builder · GitHub](https://github.com/BuilderIO/builder/tree/main/examples/next-js-app-router)  
Only differences are in versions. We also use builder.tsx as client component.

---

<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:** [February 20, 2025, 11:11am UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/6 "2025-02-20T11:11:24Z")

</div>

Hello @matuskocian,

We attempted to reproduce the issue on our end but were unable to do so. You can find the GitHub repository we used for testing here: [next-15-builder-app](https://github.com/Manish-Builder-io/next-15-builder-app.git)

 ![Screenshot 2025-02-20 at 4.38.07 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/7/7157adc0187da6bf1e8a1474c0c0f7b4c39c736f.png)

 ![Screenshot 2025-02-20 at 4.38.22 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/0/0fa1cb77fd249725e3d8bf1618ca5228be17525d.png)

That said, we noticed that you have `@builder.io/sdk-react` version `^4.0.2` installed. Could you share the reason for using this SDK along with `@builder.io/react`? It might help us better understand your setup and troubleshoot further.

> **[SDK Comparison - Builder.io](https://www.builder.io/c/docs/sdk-comparison)**
>
> Covers the differences between the Gen 1 and Gen 2 Builder Javascript framework SDKs. Includes package references, helpers, and fetching references and Symbols.

Looking forward to your response!

Best,

---

<div class="post-metadata">

**Author:** ![matuskocian](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@matuskocian](https://forum.builder.io/u/matuskocian)\
**Post date:** [February 21, 2025, 7:06am UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/8 "2025-02-21T07:06:21Z")

</div>

As i Said previously the problem is not on the localhost:3000 page, but directly inside [builder.io](http://builder.io) editor page. Once i open console on [Builder.io: Visual Development Platform](http://builder.io/content/)…(whatever-page) the error pops out. On the localhost:3000 i do not get any errors.

Also sdk-react I am using for isPreviewing so i dont set headers and for flag that indicates if i am in editor or page

---

<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:** [February 28, 2025, 10:31am UTC](https://forum.builder.io/t/a-tree-hydrated-but-some-attributes-of-the-server-rendered-html-didnt-match-the-client-properties/12242/9 "2025-02-28T10:31:22Z")

</div>

Hello @matuskocian,

Unfortunately, we haven’t been able to reproduce the issue, even when using [this example](https://github.com/BuilderIO/builder/tree/main/examples/next-js-app-router).

If you’re still experiencing the issue, we’ll need a minimal reproducible repository to investigate further.

 ![Screenshot 2025-02-28 at 3.53.37 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/f419732386429df1311280c0a19d76e143443a09.jpeg)  
 ![Screenshot 2025-02-28 at 3.56.49 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/e8d7582a9b68d67b769281f1634351947fe6804a.png)

Thanks,
