Warning: findDOMNode is deprecated and will be removed in the next major release. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here:

[yangjike123]

🐛 bug 描述

只要ProTable组件渲染完毕后就会爆出这个提醒

🏞 期望结果

不在出现这个报错提醒

💻 复现代码

仓库地址：https://github.com/yangjike123/template.git

© 版本信息

• "@ant-design/pro-components": "^2.7.9"
• "antd": "^5.17.3"
• "vite": "^5.2.0"
• "react": "^18.3.0"
• "react-dom": "^18.3.0"
• Microsoft Edge
• windows11

🚑 其他信息

[fnoopv]

ref #8382

[yangjike123]

你好，有修复这个问题的计划吗？或者是有可以手动去解决 @fnoopv

[fnoopv]

你好，有修复这个问题的计划吗？或者是有可以手动去解决 @fnoopv

是rc-util库的问题，只能等他们修，别的没办法

[tangbzai]

貌似Tooltip的children渲染为null时会出现该警告#48709
这种情况可以在这个库使用Tooltip时避免

[ByteTerminator]

"antd": "4.24.15",
"react": "18.2.0",
"react-dom": "18.2.0",
锁版本解决了这个问题，node16.20.2 npm8.19.4

[tangbzai]

貌似Tooltip的children渲染为null时会出现该警告#48709 这种情况可以在这个库使用Tooltip时避免

ant-design官方文档的解释

为何在严格模式中有时候会出现 findDOMNode is deprecated 这个警告？
这是由于 rc-trigger 的实现方式导致的，rc-trigger 强制要求 children 能够接受 ref，否则就会 fallback 到 findDOMNode，所以 children 需要是原生 html 标签，如果不是，则需要使用 React.forwardRef 把 ref 透传到原生 html 标签。

另外我在使用 umi-plugin-layout 的菜单也出现了这个问题

导致问题的代码位置

umi-plugin-layout 的 menuItemRender 返回了一个 umi 的 Link组件 代码位置
然后 pro-components 的 MenuItemTooltip 直接用 Tooltip 包住了返回的 Link 组件 代码位置

上述代码导致 Tooltip 直接包住了一个不能够接受 ref 的 Link，所以出现了这个问题

可能的改进办法

1. 在MenuItemTooltip 的 props.children外包一层可接受 ref 的标签
2. 在umi-plugin-layout 的 menuItemRender返回的 Link 组件外包一层可接受 ref 的标签

* 因为这个问题涉及到两个库，我不太确定应该在哪边改，应该只需要修改一个地方就能解决这个问题

[Jackwew]

"antd": "4.24.15", "react": "18.2.0", "react-dom": "18.2.0", 锁版本解决了这个问题，node16.20.2 npm8.19.4

这个不是pro-components的错误么，你锁了antd的版本就没问题了？

[zhengmenghuang]

观望

[cnTailor]

rc-resize-observer
这个库1年没怎么维护了，赶紧替换掉吧

[resetsix]

see #8837

[wolfherder]

antd 4.24.16 观望