Not working with mobx simple app

I am working on a project using mobx + react. And I need to use decorators. But I am getting an Uncaught TypeError: decorator is not a function in the Chrome console after Webpack bundle. Webpack shows no errors.

My webpack loader.

{
  test: /\.js$/,
  exclude: /(node_modules|bower_components)/,
  loader: 'babel', // 'babel-loader' is also a legal name to reference
  cacheDirectory: true,
  query: {
    plugins: [
      "transform-decorators-legacy",
    ],
    presets: ['react', 'es2015', 'stage-1']
  }
}

My dependencies:

"devDependencies": {
  "babel-cli": "^6.10.1",
  "babel-core": "^6.10.4",
  "babel-loader": "^6.2.4",
  "babel-plugin-transform-decorators-legacy": "^1.3.4",
  "babel-preset-es2015": "^6.9.0",
  "babel-preset-react": "^6.11.1",
  "babel-preset-stage-1": "^6.5.0",
  "mobx": "^2.3.6",
  "mobx-react": "^3.5.0",
  "react": "^15.2.1",
  "react-dom": "^15.2.1",
  "webpack": "^1.13.1"
}

Some further investingation points to this plugin. The errors pops out in the _applyDecoratedDescriptor method.

Am I missing something?

[deangibson89]

Just mentioning here that I got this as well when I tried to import observable from mobx-react. When I changed it to just mobx it worked. i.e.: import { observable } from 'mobx';

[andreyluiz]

Guys, I’ve created another repo.

As @Tiwaz89 said, the imports are wrong.

@observable and @computed belongs to mobx package (it’s obvious). @observer belongs to the mobx-react package.

MobX documentation for @observable, @computed and @observer are very clear and brings an example right in the top of the article.