the error message says. you are getting an additional span inside a button that is not there on the server. usually that means, that some code is injecting a span outside regular react rendering (by selecting it through a ref or selector, and changing the dom with traditional js methods)

Sometimes it can also be the browser changing your markup (moving nested <p> tags next to each other) that cause the difference in markup.

Your best bet is taking a look in the browser console for additional info, and scanning the page you tried to load for the mentioned button and span.

i've solved the problem by investigte more deeply. but doesn't solved: sometimes data comes and sometimes doesn't. im using same deployment for backend and frontend.

is your button component library one? or did you create it?

also can you check if that hydration error also happens in incognitor mode?

issue solved bro.

yeah, then it means one of your extension is injecting extra dom

that's why you get hydration error

@Holland Lop You can disable that extesion on your local development page

no bro. there have a code error because of our team member used Button component so that i didn't recognize the error code. that's it.