React minified errors appearing in console

Issues
1

Hi team,

I am getting Minified React errors showing on console log. Could you please advise? Thank you.

image.png
image.png933×328 9.78 KB

image.png
image.png915×363 10.6 KB

2

this looks like hydration issues, which usually means you have invalid nesting of html tags. You can try to check for a few common ones in the rendered page:

document.querySelector("a a")
document.querySelector("p div")
3

more details: https://docs.plasmic.app/learn/development-troubleshooting/#hydration-errors

4

Thank you Chung

5

I am trying to narrow down the issue, seems only happen on my /index page. I am running on Gatsby and Loader method.

6

Would there be any chance, plasmic components causing this hydration errors when combining them on canvas?

7

can I access the live page? I could take a look

8

yes please, it is https://qnt.edu.vn

9

I think the issue is here, where you have nested h2s

image.png
image.png2415×1382 551 KB

10

thank you so so much Chung!!!