Error: Hydration failed because the initial UI does not match what was rendered on the server.

[kotAPI]

Summary

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.

Warning: Expected server HTML to contain a matching <section> in <div>.

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Component Stack
section
BasicLayout
Adapter
Layout
QuickStartContextProvider

I am in the process of Upgrading my NextJS project to 13. I've fixed a lot of the hydration errors, I've been stuck with this one for a while and the errors shown by stack trace isn't really helpful. The error that you are seeing from the screenshot I think is being thrown by the underlying Antd library component and I do not have control over it.

You can see there is no section tag used in the codebase, I've changed them all to divs because of the error

Additional information

My project uses Antd UI library underneath - `4.15.2`

Example

No response

[icyJoseph]

Hi,

Do you use any component library? Looks like your BasicLayout does?

[icyJoseph]

I had missed the AntUI library information.

What is the BasicLayout doing? It seems like it mutates the DOM in some strange way.

[kotAPI]

All nodes from Layout to section I think is being rendered by Antd library - Docs here- https://ant.design/components/layout.

I too think Layout is the culprit, commenting it out seem to be silencing the hydration errors - but then again I cannot say for certain that it isn't any of the children components for my app that are causing it.

I had checked a lot of other answers before posting this here, is ant library known to cause such issues?

[icyJoseph]

Right, have you tried upgrading the antd library? perhaps they had some poor SSR support.

What version do you have? The link you shared is to the very last version.

[kotAPI]

I'm on 4.15.2 version of Antd, not sure of how good the support is for SSR 🤔

[kotAPI]

I haven't thought about SSR support from Antd, I think you're right... I haven't found any docs if latest antd version supports SSR 🤔

some resources i found -
https://stackoverflow.com/a/76520949/2818099