升级react-tooltip至v5.26.0后触发ResizeObserver错误求助

问题本质 #

这个ResizeObserver loop completed with undelivered notifications提示并非你遗漏了配置，也算不上严格的包bug——它本质是ResizeObserver API本身的常见行为，部分浏览器会将其标记为错误。react-tooltip v5版本引入了基于ResizeObserver的元素尺寸监听逻辑，才触发了这个提示，不会影响功能正常运行。

解决办法 #

• 临时忽略：如果只是开发环境看到该提示，直接忽略即可，生产环境一般不会暴露这个日志。也可以在浏览器控制台的过滤器中排除该错误信息。
• 全局过滤错误日志：在项目入口文件（如index.js）中添加全局捕获，屏蔽这个特定错误：

  const originalError = console.error;
  console.error = (...args) => {
    if (typeof args[0] === 'string' && args[0].includes('ResizeObserver loop completed with undelivered notifications')) {
      return;
    }
    originalError.apply(console, args);
  };
  

• 调整Tooltip配置：尝试关闭依赖ResizeObserver的功能：
  • 若不需要自动调整tooltip位置，设置disableAutoPosition={true}，手动指定位置参数
  • 部分v5版本支持resizeObserver={false}配置，可关闭尺寸监听（需核对v5.26.0官方文档确认）

额外说明 #

React 17.0.2和react-tooltip v5.x版本兼容，这个问题和版本匹配无关。后续react-tooltip若优化ResizeObserver的实现逻辑，这个提示大概率会自然消失。

内容的提问来源于stack exchange，提问作者Sushant Adhikari