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)

Most upvoted comments

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

image

@ant-design/icons”: “^5.2.6”,“antd”: “^4.22.2”,Also reporting an error

updating @ant-design/icons from 5.1.4 to 5.2.5 helped me