decorator support

Hi! I am trying to add mobx to a project, I have proper transformer added to my .babelrc, but the compilation keeps failing!

Here is my .babelrc

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          node: 'current',
        },
      },
    ],
    '@babel/preset-stage-2',
    '@babel/preset-flow',
    '@babel/preset-react',
    "@babel/preset-es2015",
    "@babel/preset-stage-1"
  ],
  plugins: [
    "@babel/plugin-proposal-decorators"
  ],
  ignore: ['node_modules', 'build'],
};

Here is the error

ERROR in ./src/routes/admin/Admin.js
Module build failed: SyntaxError: /WorkSpace/opalcoin/opalweb/src/routes/admin/Admin.js: Support for the experimental syntax 'decorators' isn't currently enabled (16:1):

  14 | import {Provider, observer, inject} from 'mobx-react';
  15 |
> 16 | @observer
     | ^
  17 | @inject("uistore")
  18 | class Admin extends React.Component {
  19 |   static propTypes = {

Add @babel/plugin-proposal-decorators (https://git.io/vb4ST) to the 'plugins' section of your Babel config to enable transformation.
    at _class.raise (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:832:15)
    at _class.expectOnePlugin (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:2229:18)
    at _class.parseDecorator (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:4373:10)
    at _class.parseDecorators (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:4355:28)
    at _class.parseStatement (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:4203:12)
    at _class.parseStatement (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:6998:55)
    at _class.parseBlockOrModuleBlockBody (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:4764:23)
    at _class.parseBlockBody (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:4750:10)
    at _class.parseTopLevel (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:4174:10)
    at _class.parse (/WorkSpace/opalcoin/opalweb/node_modules/@babel/core/node_modules/babylon/lib/index.js:5613:17)
 @ ./src/routes/admin/index.js 13:0-28
 @ ./src/routes/index.js
 @ ./src/router.js
 @ ./src/client.js
 @ multi @babel/polyfill ./tools/lib/webpackHotDevClient ./src/client.js

This does look like a babel issue, but has anyone recently integrated mobx with react-starter-kit? Thanks a lot!

[MikeKoval]

I could make decorators work.

Here my .babelrc.js:

module.exports = {
  ...
  plugins: ['transform-decorators-legacy'],
};

webpack.config.js

....
plugins: [
            'transform-decorators-legacy',
...
]
...

messages.js

...
        plugins: ['react-intl', 'transform-decorators-legacy'],
....

[broncha]

@langpavel me too. No longer using decorators