自定义组件在物料工程导入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插件呢？

まず Webpack のエラーパス node_modules/react-grid-layout/build/utils.js と build/ReactGridLayout.js から始め、次に material project で Babel がどのように設定されているかを調べます。import を再現し、optional-chaining 構文に遭遇したときに Unexpected token エラーなしでプロジェクトが実行されることを確認します。

索引モデルが issue の本文から書いたものです。