react-app-rewire-mobx not working with decorator @observable

[topvis]

react-scripts version 1.0.12.

I following the instruction from this link: https://github.com/timarney/react-app-rewired/tree/master/packages/react-app-rewire-mobx

The app will run without decorator. Once I use decorator, I got "Syntax error: C:/.../...js: Unexpected token" at the "@observable".

Did I miss anything?

I tried installing babel-plugin-transform-decorators-legacy and then added config = injectBabelPlugin('transform-decorators-legacy',config); in the config-overrides.js and it didn't work either.

Thanks.

[timarney]

Please try cloning and running this repo to see if it works for you - https://github.com/timarney/mobx-rewire-test I updated it to the latest 1.0.12 release and the tests are passing.

[topvis]

@timarney I tried it and I got the same error. I also saw this message "babel-loader not found" message after running yarn start (see screenshot below). I do have babel-loader installed. I'm in Windows 10.

[timarney]

That error would be coming from this file.

https://github.com/timarney/react-app-rewired/blob/master/packages/react-app-rewired/index.js

Right for time these days but I'll dig into it further as time allows.

[topvis]

I removed the slash "/" from this row: return rule.loader && rule.loader.indexOf("babel-loader/") != -1; in https://github.com/timarney/react-app-rewired/blob/master/packages/react-app-rewired/index.js
Now it works!