Decorators error after upgrading to 1.16.0

[erandow]

After upgrading remix to the latest version(1.16.0),
I get the following error after running project locally.]
The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decorators-legacy' plugin instead of 'decorators'. [plugin css-side-effects-plugin]
I also set the future.unstable_cssSideEffectImports: true but the errors still exist.

[machour]

@erandow Can you provide a minimal reproduction in a public repository?

[erandow]

I am trying to reproduce the bug in a public repository, but the complete log of the bugs can be found below.
`
The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decorators-legacy' plugin instead of 'decorators'. [plugin css-side-effects-plugin]

../node_modules/@remix-run/dev/dist/compiler/plugins/cssSideEffectImports.js:142:19:
  142 │   let ast = parser.parse(code, {
      ╵                    ^

at validatePlugins (/home/erfan/Projects/troweb/node_modules/@babel/parser/src/plugin-utils.js:87:13)
at getParser (/home/erfan/Projects/troweb/node_modules/@babel/parser/src/index.js:83:5)
at Object.parse (/home/erfan/Projects/troweb/node_modules/@babel/parser/src/index.js:58:12)
at addSuffixToCssSideEffectImports (/home/erfan/Projects/troweb/node_modules/@remix-run/dev/dist/compiler/plugins/cssSideEffectImports.js:142:20)
at /home/erfan/Projects/troweb/node_modules/@remix-run/dev/dist/compiler/plugins/cssSideEffectImports.js:78:24
at requestCallbacks.on-load (/home/erfan/Projects/troweb/node_modules/@remix-run/dev/node_modules/esbuild/lib/main.js:1421:22)
at handleRequest (/home/erfan/Projects/troweb/node_modules/@remix-run/dev/node_modules/esbuild/lib/main.js:723:13)

This error came from the "onLoad" callback registered here:

../node_modules/@remix-run/dev/dist/compiler/plugins/cssSideEffectImports.js:67:12:
  67 │       build.onLoad({
     ╵             ~~~~~~

at setup (/home/erfan/Projects/troweb/node_modules/@remix-run/dev/dist/compiler/plugins/cssSideEffectImports.js:67:13)
at handlePlugins (/home/erfan/Projects/troweb/node_modules/@remix-run/dev/node_modules/esbuild/lib/main.js:1326:9)

The plugin "css-side-effects-plugin" was triggered by this import

../node_modules/@mui/x-date-pickers/node_modules/@mui/utils/esm/index.js:29:123:
  29 │ ...ollLeft as unstable_getNormalizedScrollLeft } from './scrollLeft';
     ╵                                                       ~~~~~~~~~~~~~~

`

[dwene]

I'm also running into this issue after upgrading to Remix 1.16.0

[benkraus]

Same here

[benkraus]

FWIW we are using MobX lightly and are using some decorators...

[markdalgleish]

I've converted this discussion to an issue here: #6353.