Getting error Hydration failed , I am unable to solve

[gilded pagoda]

Error: Hydration failed because the initial UI does not match what was rendered on the server.

Warning: Expected server HTML to contain a matching <button> in <button>.
getting this error , How to handle this

[deft laurel]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[pearl plank]

@gilded pagoda

Please add more information to your question

Your question currently does not have sufficient information for people to be able to help. Please add more information to help us help you, for example: relevant code snippets, a reproduction repository, and/or more detailed error messages. See more info on how to ask a good question in https://discord.com/channels/752553802359505017/1138338531983491154 and #welcome message

[gilded pagoda]

Getting this error

[stiff rivet]

I meant you need to show us some code

[gilded pagoda]

I dont know where this error occur

[stiff rivet]

Remove parts of your pages until the error goes away

[gilded pagoda]

I am finding the cause of this but unable to get

[stiff rivet]

Then you will know the place the error occurs

With this much info we cannot help with anything

[gilded pagoda]

i have 5-6 pages routes🙂🙂

[gilded pagoda]

how I will share codes ?

[stiff rivet]

Have you isolated the error and now know where the error is from?

If yes then post here the relevant code snippet

[gilded pagoda]

No i am still looking in which page error happend

can i share link or repositery

[stiff rivet]

yes, but make it as minimal as possible. if it's too large or complicated to set up (with db etc) then i may not have time to check it

[gilded pagoda]

okay its only frontend only first page is completed

https://github.com/the-akleem91/Project-website/tree/main/buddy-ai

here it is

[stiff rivet]

on what route does the error happen

[gilded pagoda]

in the (routes) dashboard all the pages are here

its dashboard

[stiff rivet]

in navbar.tsx:
you cannot nest button inside button.
the SheetTrigger already renders a button by default so that causes the error
to fix, use asChild:

- <SheetTrigger>
+ <SheetTrigger asChild>

[gilded pagoda]

wait I will try

thank you. for the help its solvede

i did not know that it render a button by defayult

[stiff rivet]

umm. that's what radix does

[gilded pagoda]

okh thank you , Got it

[deft laurel]

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1143446704079769652 message)

[cyan atlas]

Hi ! I am working in my project and I have got this error

can you help me !

this my code

[stiff rivet]

though the error is the same, the bug is completely unrelated to the bug in this post, please make a new post

[stiff rivet]

btw div doesn't have asChild. asChild is a radix thing

[cyan atlas]

yes,,, thank ! I am try to find the source of this problem and to give the new post