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

Bắt đầu với các đường dẫn lỗi của Webpack node_modules/react-grid-layout/build/utils.js và build/ReactGridLayout.js, sau đó kiểm tra cách Babel được cấu hình cho material project. Tái hiện việc import và xác minh rằng project chạy mà không gặp lỗi Unexpected token khi gặp cú pháp optional-chaining.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.