InitialProps Vs Client

[MrCasquette]

I use module.css from next because I love the way it works. But Using Next UI is also cool. However it seems that having a staticprops call in my Navbar component breaks everything as I get the following error :
Warning: Prop className did not match. Server:
I think I understand why but not how to get this works.

[tianenpang]

Hi @CubW0lf do you have the latest version installed v1.0.0-beta.11, could you please provide a detailed error message or a sandbox reproduction?

[MrCasquette]

I got the ^1.0.0-beta.10 version but could update if it's necessary

and the error shown in the console is:
`Warning: Prop "className" did not match. Server: "nextui-c-dIWzTP nextui-c-PJLV nextui-c-dIWzTP-hfnKRU-color-default nextui-c-dIWzTP-isWIbj-animated-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-dIWzTP-ibzThln-css nextui-link nextui-navbar-link" Client: "nextui-c-dIWzTP nextui-c-PJLV nextui-c-dIWzTP-hfnKRU-color-default nextui-c-dIWzTP-isWIbj-animated-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-dIWzTP-ihuOuWz-css nextui-link nextui-navbar-link"
at a
at Styled.a
at eval (webpack-internal:///./node_modules/@nextui-org/react/esm/link/link.js:17:91)
at li
at Styled.li
at eval (webpack-internal:///./node_modules/@nextui-org/react/esm/navbar/navbar-item.js:16:91)
at eval (webpack-internal:///./node_modules/@nextui-org/react/esm/navbar/navbar-link.js:12:137)
at ul
at Styled.ul
at eval (webpack-internal:///./node_modules/@nextui-org/react/esm/navbar/navbar-content.js:14:91)
at div
at Styled.div
at nav
at Styled.nav
at eval (webpack-internal:///./node_modules/@nextui-org/react/esm/navbar/navbar.js:15:91)
at NavbarUi (webpack-internal:///./components/Molecules/Navbar/Navbar.jsx:41:11)
at Layout (webpack-internal:///./components/Layout/Layout.jsx:23:11)
at div
at $f57aed4a881a3485$var$OverlayContainerDOM (webpack-internal:///./node_modules/@react-aria/overlays/dist/module.js:745:55)
at $f57aed4a881a3485$export$178405afcd8c5eb (webpack-internal:///./node_modules/@react-aria/overlays/dist/module.js:709:21)
at $f57aed4a881a3485$export$bf688221f59024e5
at $704cf1d3b684cc5c$export$9f8ac96af4b1b2ae (webpack-internal:///./node_modules/@react-aria/ssr/dist/module.js:23:64)
at webpack_exports.default.disableBaseline (webpack-internal:///./node_modules/@nextui-org/react/esm/theme/theme-provider.js:15:138)
at CartWrapper (webpack-internal:///./contexts/cartContext.js:18:11)
at UxWrapper (webpack-internal:///./contexts/uxContext.js:26:11)
at MyApp (webpack-internal:///./pages/_app.js:28:11)
at PathnameContextProviderAdapter (webpack-internal:///./node_modules/next/dist/shared/lib/router/adapters.js:62:11)
at ErrorBoundary (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:301:63)
at ReactDevOverlay (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:850:919)
at Container (webpack-internal:///./node_modules/next/dist/client/index.js:60:1)
at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:173:11)
at Root (webpack-internal:///./node_modules/next/dist/client/index.js:346:11)

See more info here: https://nextjs.org/docs/messages/react-hydration-error
window.console.error @ next-dev.js?3515:20
`

Thanks for your help

[tianenpang]

Fixed in latest version v1.0.0-beta.11 #952, please try to upgrade.

[MrCasquette]

So easy... But had to know it ^^ Thank you.