Warning: Prop className
did not match. Server: "css-j5xrcq-Component" Client: "css-13v2oeb-HomeIcon"
#3176
Labels
className
did not match. Server: "css-j5xrcq-Component" Client: "css-13v2oeb-HomeIcon"
#3176
Current behavior:
I am using NextJS 14 (App router) with emotion with twin.macro and tailwindcss. I am getting this single SSR/CSR mismatch warning but I don't know how to address it.
The
HomeIcon
component is areact-icon/fa
component calledFaHome
(which is an SVG element) added as follows:To reproduce:
Not sure.
Expected behavior:
I am not expecting any SSR/CSR mismatch. I have tried this suggestion but it didn't make any difference in my case.
Looking for advice and wondering if this is a bug.
Environment information:
react
version: 18.2.0@emotion/react
version: 11.11.4twin.macro
version: 3.4.1next
version: 14.1.4 (using App router)The text was updated successfully, but these errors were encountered: