自定义组件在物料工程导入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 开始，然后检查 Babel 是如何为 material project 配置的。复现该 import，并验证项目在遇到 optional-chaining 语法时能够运行而不会出现 Unexpected token 错误。

由索引模型根据 Issue 内容生成。