Hydration failed because the initial UI does not match what was rendered on the server. One of the reasons for the problem

One . Environmental Science

next.js: “12.1.6”

react.js: “18.1.0”

3、 ... and . Wrong content

3、 ... and . Error reason

p Tags nested p Labels or p Tags nested div label , As follows ：

take p The sub tag of is changed to span Or set the parent p Change the label to div It's OK .

Generally speaking , We won't use p To nest div, You can't nest .

It's important to note that next.js You are not allowed to p Tag nesting p label .

（ End ）