ReactGrid双击单元格报错：Cannot read properties of undefined (reading 'scrollableElement')

问题描述 #

使用ReactGrid时，双击任意单元格会触发错误：Cannot read properties of undefined (reading 'scrollableElement')。除双击单元格外，单元格选择、功能键操作等其他功能均正常，目前不清楚错误来源及原因，希望获得解决帮助。

已尝试的解决方法 #

• 查阅官方文档寻找"scrollElement"相关类型说明，未找到有效信息
• 将组件文件类型从jsx切换为tsx
• 直接复制官方示例代码进行测试

预期结果 #

双击单元格后，页面渲染选中单元格的编辑面板

实际结果 #

页面抛出错误信息：Cannot read properties of undefined (reading 'scrollableElement')

复现步骤 #

• 执行import @silevis/reactgrid导入组件
• 复制官方提供的示例代码到项目中
• 在React 18项目中启用legacy-peer-deps配置以适配React 17版本的依赖包

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