# Hydration failed

**URL:** <https://community.firebasestudio.dev/t/hydration-failed/11010>\
**Category:** AI\
**Created:** [April 23, 2025, 11:55pm UTC](https://community.firebasestudio.dev/t/hydration-failed/11010 "2025-04-23T23:55:33Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahmad\_abubaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/ahmad_abubaker/32/5559_2.png) [@ahmad\_abubaker](https://community.firebasestudio.dev/u/ahmad_abubaker)\
**Post date:** [April 23, 2025, 11:55pm UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/1 "2025-04-23T23:55:33Z")

</div>

Hello,

I keep getting the below error on Firebase Studio. I have used two possible solutions I found online, but it doesn’t fix the issue, nor could I find a solution here. It would be great if someone could assist me.

Hydration failed because the server rendered HTML didn’t match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:

- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it’s called.
- Date formatting in a user’s locale which doesn’t match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.

It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.

See more info here: [Text content does not match server-rendered HTML | Next.js](https://nextjs.org/docs/messages/react-hydration-error)

---

<div class="post-metadata">

**Author:** ![kirupa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/kirupa/32/4_2.png) [@kirupa](https://community.firebasestudio.dev/u/kirupa)\
**Post date:** [April 24, 2025, 12:18am UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/2 "2025-04-24T00:18:08Z")

</div>

Hi @ahmad_abubaker - except for this error, does your app work otherwise?

---

<div class="post-metadata">

**Author:** ![ahmad\_abubaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/ahmad_abubaker/32/5559_2.png) [@ahmad\_abubaker](https://community.firebasestudio.dev/u/ahmad_abubaker)\
**Post date:** [April 24, 2025, 12:27am UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/3 "2025-04-24T00:27:46Z")

</div>

thanks. No it does not work unfortunately.

---

<div class="post-metadata">

**Author:** ![kirupa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/kirupa/32/4_2.png) [@kirupa](https://community.firebasestudio.dev/u/kirupa)\
**Post date:** [April 24, 2025, 12:36am UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/4 "2025-04-24T00:36:18Z")

</div>

Ah! We are working on improving our app generation logic right now, so we’ll see what we can do to improve.

Can you share the prompt you used?

---

<div class="post-metadata">

**Author:** ![ahmad\_abubaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/ahmad_abubaker/32/5559_2.png) [@ahmad\_abubaker](https://community.firebasestudio.dev/u/ahmad_abubaker)\
**Post date:** [April 25, 2025, 2:56pm UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/5 "2025-04-25T14:56:18Z")

</div>

Thank for the reply,

Could i send it to you in private?

---

<div class="post-metadata">

**Author:** ![kirupa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/kirupa/32/4_2.png) [@kirupa](https://community.firebasestudio.dev/u/kirupa)\
**Post date:** [April 25, 2025, 4:05pm UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/6 "2025-04-25T16:05:45Z")

</div>

@ahmad_abubaker - yes! Also, would you be interested in trying out some of our latest AI model improvements? That may address some of the issues you are running into.

If you are interested, please DM me the email address you are using to access Firebase Studio. I can get you added into that program.

Thanks,  
Kirupa

---

<div class="post-metadata">

**Author:** ![Adrian](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/adrian/32/5700_2.png) [@Adrian](https://community.firebasestudio.dev/u/Adrian)\
**Post date:** [April 27, 2025, 1:58pm UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/7 "2025-04-27T13:58:32Z")

</div>

Without a doubt, for whatever reason every app I attempt to create, I get this error without fail

---

<div class="post-metadata">

**Author:** ![kirupa](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/kirupa/32/4_2.png) [@kirupa](https://community.firebasestudio.dev/u/kirupa)\
**Post date:** [April 27, 2025, 8:02pm UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/8 "2025-04-27T20:02:04Z")

</div>

@Adrian - we are testing some fixes for this in a private experimental build. If you are interested in trying this out, please DM me the email address you are using to access Firebase Studio.

---

<div class="post-metadata">

**Author:** ![Adrian](https://sea2.discourse-cdn.com/flex002/user_avatar/community.firebasestudio.dev/adrian/32/5700_2.png) [@Adrian](https://community.firebasestudio.dev/u/Adrian)\
**Post date:** [May 5, 2025, 1:53pm UTC](https://community.firebasestudio.dev/t/hydration-failed/11010/9 "2025-05-05T13:53:50Z")

</div>

Hi @kirupa I sent a DM, with gmail account
