Plasmic failing hydration due to invalid HTML

[scott_ames-messinger]

Hi! We’re using Next.js and getting this error:

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:

Here’s the error. Notice the invalid html where a style is in the div.

Here’s the component file (does support need permission to access it? Let me know if so!)
Plasmic It’s a very simple component:

I’m unclear what the problem is or how we can fix it – we can’t really simplify the component and the error doesn’t seem to be on our end.

Here’s our versions:
“react”: “19.1.0”,
“next”: “15.4.3”,
“@plasmicapp/loader-nextjs”: “^1.0.434”,

[scott_ames-messinger]

Solved! The problem was we hadn’t loaded it in fetchComponentData

  const plasmicData = await PLASMIC.fetchComponentData(/* it needed to go here */)