AG-Grid 使用 React 17 抛出无效的 Aria 属性

Question

我正在探索 AG Grid，喜欢我在演示应用程序和我的小演示中看到的内容。我正在与我们的应用程序进行小型 POC 集成，我开始收到来自 React-DOM 的 JavaScript 错误，其中包含“无效的 aria prop”。

react-dom.development.js:61 Warning: Invalid aria prop `aria-description` on <div> tag. For details, see https://reactjs.org/link/invalid-aria-props
    at div
    at HeaderCellComp (http://localhost:3000/redacted/static/js/bundle.js:110424:25)
    at div
    at HeaderRowComp (http://localhost:3000/redacted/static/js/bundle.js:110869:36)
    at div
    at div
    at HeaderRowContainerComp (http://localhost:3000/redacted/static/js/bundle.js:111018:20)
    at div
    at GridHeaderComp (http://localhost:3000/redacted/static/js/bundle.js:110335:20)
    at div
    at GridBodyComp (http://localhost:3000/redacted/static/js/bundle.js:109884:20)
    at TabGuardCompRef (http://localhost:3000/redacted/static/js/bundle.js:111683:24)
    at div
    at div
    at GridComp (http://localhost:3000/redacted/static/js/bundle.js:110118:20)
    at div
    at AgGridReactUi (http://localhost:3000/redacted/static/js/bundle.js:108709:24)
    at AgGridReact (http://localhost:3000/redacted/static/js/bundle.js:108170:43)

我们正在使用 React 17.0.2。

经过研究后，React 17.0.2 无法将“aria-description”识别为有效的 aria 属性，并且仅在 React v18 中修复（https://github.com/facebook/react/issues/21035和https ://github.com/facebook/react/pull/22142）。Facebook 似乎担心拼写错误的属性，因此他们选择添加显式检查。

如果 AG Grid v29 与 React 17 兼容（"peerDependencies": { "ag-grid-community": "~29.0.0", "react": "^16.3.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0" }），AG Grid 的任何人都知道这个 javascript 错误吗？

除了升级到 React 18 之外，有谁知道谁可以解决这个问题吗？

搜索选项，无需升级React版本。

Answer 1

除了升级到 React 18 之外，您还可以降级到 AgGrid 27.2。AG 网格错误报告