Upgrading dependencies causes react-grid-layout Responsive to crash with babel-loader error

[cristianghita24]

Describe the bug

I've upgraded many dependencies in my project and react-grid-layout - WidthProvider(Responsive) started crashing my app.

this is the error

node_modules/react-grid-layout/build/utils.js 203:74
Module parse failed: Unexpected token (203:74)
File was processed with these loaders:
 * ../../node_modules/react-scripts/node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|  */
| function childrenEqual(a /*: ReactChildren*/, b /*: ReactChildren*/) /*: boolean*/{
>   return (0, _fastEquals.deepEqual)(_react.default.Children.map(a, c => c?.key), _react.default.Children.map(b, c => c?.key)) && (0, _fastEquals.deepEqual)(_react.default.Children.map(a, c => c?.props["data-grid"]), _react.default.Children.map(b, c => c?.props["data-grid"]));

The only "solution" I found online was setting browserslist in package.json but that didn't fix it.

I am using react-scripts + customize-cra to start the app. I don't plan on ejecting the application from cra. Is there some kind of babel plugin that has to be added and fixes everything? Really can't find a fix for this.

Your Example Website or App

www.codesandbox.io

Steps to Reproduce the Bug or Issue

1. upgrade deps
2. crash

Expected behavior

not crash

react-grid-layout library version

^1.4.4

Operating System Version

linux

Browser

Chrome

Additional context

No response

Screenshots or Videos

No response

[dkireeti]

Duplicate of #2037

[dkireeti]

Hi @cristianghita24 , tried 1.4.2 ?

[cristianghita24]

Hi @cristianghita24 , tried 1.4.2 ?

Setting version to 1.4.2 fixed the issue. You have no idea how much time and stress you saved me, thank you so much!