Prop `className` did not match. about cssinjs HOT 16 OPEN

This is a serious bug

from cssinjs.

const ProLayout = dynamic(
() => import("@ant-design/pro-components").then((com) => com.ProLayout),
{ ssr: false }
);

if you are using Pro Layout component, then you can use this code. It would defeat the purpose of using SSR.

from cssinjs.

I'm also having this error when using AntD v5 and Remix v2, loading the AntD CSS using the "whole export" approach.

from cssinjs.

const ProLayout = dynamic( () => import("@ant-design/pro-components").then((com) => com.ProLayout), { ssr: false } );

if you are using Pro Layout component, then you can use this code. It would defeat the purpose of using SSR.

this resolved my problem,thanks.

from cssinjs.

So, hash function may run twice, once in server, once in client ?

from cssinjs.

Hi there
with next js v12.2.2 and ant v5 it also reproducible

from cssinjs.

Hello
with "next": "13.0.4" and ant v5 also reproducible

from cssinjs.

Same issues. ☹️

from cssinjs.

Any update on this?

from cssinjs.

m

from cssinjs.

I found website with solution

from cssinjs.

any update?

from cssinjs.

This issue happens with both "whole export" and "inline-styles".

from cssinjs.

next14 have the same problem

from cssinjs.

const ProLayout = dynamic（ （） => import（“@ant-design/pro-components”）.then（（com） => com.ProLayout）， { ssr： false } );

如果您使用的是 Pro Layout 组件，则可以使用此代码。这将破坏使用 SSR 的目的。

This is a bad idea

from cssinjs.

I'm also having this error when using AntD v5 and Remix v2, loading the AntD CSS using the "whole export" approach.

I am also seeing this in AntD 5 and Remix 2

from cssinjs.