Seeing hydration error when running simple site on localhost:3000 but not in studio

Hi All,

I’m seeing this error when I run a simple site on localhost:3000, but not when I run from the studio.
I have cloned again from github and the problem persists.
I did go through the exercise of setting the host url via Plasmic Configuration, and same issue.

Any ideas on this?

1 of 3 unhandled errors

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.
Call Stack
throwOnHydrationMismatch
node_modules\react-dom\cjs\react-dom.development.js (14344:0)
tryToClaimNextHydratableInstance
node_modules\react-dom\cjs\react-dom.development.js (14357:0)
updateHostComponent$1
node_modules\react-dom\cjs\react-dom.development.js (20636:0)
beginWork
node_modules\react-dom\cjs\react-dom.development.js (22373:0)

Thanks,

Mike

Hi Mike, can you share a bit more about what you are trying? Were you following some particular quick start?

Hi Yang,

Yes, I had a simple project created with the travel website template page. I also deployed a second page. I had deployed to github pages several times.

I had the project running locally on http://localhost:3000 with no errors.

I installed MUI from the terminal, committed and pushed back to the repo. The intent was to see how to register components. I reverted the last commit after I noticed the errors, but the issue persisted. I ran a synch command back to the project from the cli, and noticed the same. Really just working through to see how everything works.

Thanks,

Mike