自定义组件在物料工程导入react-grid-layout组件，运行报错

我想自定义布局，在物料工程导入react-grid-layout组件，运行报错。
这个错误信息是 Webpack 在编译项目时产生的，指出在处理 ./node_modules/react-grid-layout/build/utils.js 和 ./node_modules/react-grid-layout/build/ReactGridLayout.js 这两个模块文件时遇到了未预期的语法（Unexpected token），从而导致模块解析失败。具体来说，Webpack 遇到了它当前配置下无法识别或转换的 ECMAScript 语法特性。

在提供的代码片段中，Webpack 对于“可选链操作符”(?.) 这一ES2020新特性似乎没有正确处理，因为没有合适的加载器来转换这种语法以使其能够在不支持该特性的浏览器或环境中运行。

然后我尝试配置babel 的@babel/plugin-proposal-optional-chaining插件好像都不可行，在物料工程怎么配置babel插件呢？

Beginne mit den Webpack-Fehlerpfaden node_modules/react-grid-layout/build/utils.js und build/ReactGridLayout.js und untersuche anschließend, wie Babel für das material project konfiguriert ist. Reproduziere den Import und verifiziere, dass das Projekt ohne den Unexpected token-Fehler ausgeführt wird, wenn die optional-chaining-Syntax angetroffen wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.