Module parse failed: Unexpected token (171:21)

[ihormaslov]

Describe the bug Installed package following instructions on this page https://viclafouch.github.io/mui-color-input/docs/getting-started/

Added component to my project and got this error

/<project_root>/node_modules/mui-color-input/dist/mui-color-input.es.js 171:21
Module parse failed: Unexpected token (171:21)
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.
|     }
| 
>     return t.current?.(...r);
|   }, []);
| }

Desktop (please complete the following information):

• OS: MacOS 12.6
• Browser Chrome
• Version 106.0.5249.119 (Official Build) (arm64)

Additional context Versions of MUI packages we use in a project

"@mui/x-date-pickers": "^5.0.3",
"@mui/material": "^5.10.5",
"@mui/styles": "^5.10.3",
"@mui/lab": "^5.0.0-alpha.99",
"@mui/icons-material": "^5.10.3",
"@emotion/react": "^11.10.4",
"@emotion/styled": "^11.10.4",

[viclafouch]

Hello !

Looks like you build config doesn't handle the optional chaining.

[YuriAncelmo]

Using react-scripts, you must to have the version WebPack at least 5. WebPack 4 doesn't recognize the optional chaining yet. I've updated the react-scripts to version 5.0.1 and the package works properlly.

Unfortunatelly websocket starts to crash, but this is another thing I must to correct.

Thank u for your develop is helping us so much