ant-design: Warning: Invalid DOM property `fill-rule`. Did you mean `fillRule`?
Reproduction link
https://ant-design.antgroup.com/components/modal-cn
Steps to reproduce
在开发Chrome Extension的content script部分中,引入了Antd的Modal组件。 第一次打开Modal时,会出现以下警告:
Warning: Invalid DOM property `fill-rule`. Did you mean `fillRule`?
at svg
at jv (chrome-extension://jeopghjaogfpilgeodjdinacllinclbn/content.js:302:423)
at span
at chrome-extension://jeopghjaogfpilgeodjdinacllinclbn/content.js:302:1259
at CloseOutlined
at span
at button
在排除了其他干扰代码的情况下,只单纯使用Modal组件,问题依旧。
经尝试,对Modal设置closeIcon={null}后,即取消右上角的关闭图标,Warning不再出现。
What is expected?
不再出现此问题导致的Warning。
What is actually happening?
第一次打开Modal时,会出现以下警告:
Warning: Invalid DOM property fill-rule
. Did you mean fillRule
?
Environment | Info |
---|---|
antd | 5.8.1 |
React | 18.2.0 |
System | All |
Browser | Chrome 115.0.5790.114 |
About this issue
- Original URL
- State: closed
- Created a year ago
- Reactions: 1
- Comments: 23 (6 by maintainers)
在4.24.13也出现了同样的问题 https://codesandbox.io/s/antd-reproduction-template-forked-s8pqvq?file=/index.js
Fixed in
@ant-design/icons@4.8.1
Hi this issue is still out there. Nothing helps
I also encountered the same warning while using @ant-design/icons": “^5.2.5” with antd 4.24.13
“@ant-design/icons”: “^5.2.6”,“antd”: “^4.22.2”,Also reporting an error
updating
@ant-design/icons
from5.1.4
to5.2.5
helped me