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

nextui-org / next-app-template

A Next.js 14 with app directory template pre-configured with NextUI (v2) and Tailwind CSS.

https://nextui-app.vercel.app

MIT License

301 stars 72 forks source link

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

Closed stone89son closed 1 year ago

stone89son commented 1 year ago

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 in

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

Component Stack path svg MoonFilledIcon ./components/icons.tsx (112:11) div label ThemeSwitch ./components/theme-switch.tsx (19:11) ul eval ./node_modules/@nextui-org/navbar/dist/chunk-PSG7VTZC.mjs (20:11) header

abc

nikohann commented 1 year ago

Just change the moon icon to another

jrgarciadev commented 1 year ago

Fixed