React应用自定义range slider运行异常，是否与Material UI Tooltip触发的bug有关？

• 先确认控制台警告的具体内容，大概率是findDOMNode is deprecated in StrictMode类提示，该警告是MUI v5及更早版本Tooltip默认通过findDOMNode定位宿主元素，和React 18+ StrictMode冲突导致的。
• 排查组件重渲染影响：检查Tooltip和滑块是否共用父组件状态/上下文，Tooltip显隐触发的父组件重渲染可能导致滑块的拖拽状态、value值未被正确保留。可尝试给滑块组件包裹React.memo，同时将传给滑块的回调、状态参数用useCallback/useMemo封装，验证是否是异常重渲染导致的问题。
• 排查事件冲突：确认是否直接将Tooltip包裹在滑块的可拖拽手柄元素上，Tooltip自带的mouseenter、mouseleave监听可能和滑块的mousedown、mousemove、mouseup拖拽事件产生冒泡冲突，导致拖拽状态更新中断。可尝试将Tooltip迁移到滑块的外层容器上，避免直接绑定到可交互的拖拽元素。
• 修复Tooltip警告本身验证关联影响：MUI官方提供了该警告的标准解决方案，通过React.forwardRef将Tooltip包裹的组件ref暴露，替换原有findDOMNode逻辑，参考实现：

// 给自定义滑块加ref转发
const CustomSliderWithRef = React.forwardRef((props, ref) => {
  return <YourCustomSlider ref={ref} {...props} />
})

// 业务侧使用
<Tooltip title="提示文案">
  <CustomSliderWithRef 
    value={sliderValue} 
    onChange={handleSliderChange} 
  />
</Tooltip>

修复警告后测试滑块功能是否恢复，确认异常是否和该警告直接相关。

• 版本验证：尝试升级@mui/material到最新稳定版，不少旧版本存在的Tooltip事件冲突、findDOMNode相关的兼容问题已在新版本修复。
• 临时验证方案：可临时关闭React StrictMode，确认是否是StrictMode下的双重渲染逻辑导致滑块状态被异常重置，该方案仅用于定位问题，不建议在正式环境使用。

内容的提问来源于stack exchange，提问作者Bear Bile Farming is Torture