title: the experimental syntax 'decorators-legacy is not supported and shows an error when i try to use mobx tools on my react app
body: <p>Hey I Have been trying to add @observer to my react component but this error occurs : <code>Support for the experimental syntax 'decorators-legacy' isn't currently enabled</code> here are the steps I have taken:</p>
  <p>1.<code>npm install mobx --save</code> and <code>npm i mobx mobx-react --save</code></p>
  <ol start="2">
  <li><p>tried using observable did not work</p>
  </li>
  <li><p>added</p>
  <p>[
  require(‘@babel/plugin-proposal-decorators’).default,
  {
  legacy: true
  }
  ],</p>
  </li>
  </ol>
  <p>didn't work so i removed it</p>
  <ol start="4">
  <li><p>Created .babelrc in at the root directory and added</p>
  <p>{
  &quot;presets&quot;: [&quot;react-native&quot;],
  &quot;plugins&quot;: [
  [
  &quot;@babel/plugin-proposal-decorators&quot;,
  {
  &quot;legacy&quot;: true
  }
  ]
  ]
  }</p>
  </li>
  </ol>
  <p>and still not working</p>
  <hr />
  <p>Editing:</p>
  <p>I did what you just said and same error:</p>
  <p>when I <code>npm start -- --reset-cache</code>, this appears on my terminal, maybe it might help:</p>
  <pre><code>Emitted 'error' event at:
      at Server.WebSocketServer._onServerError (/Users/red/mApp/node_modules/ws/lib/WebSocketServer.js:82:50)
      at Server.emit (events.js:202:15)
      at emitErrorNT (net.js:1283:8)
      at processTicksAndRejections (internal/process/next_tick.js:76:17)
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! mapp@0.0.1 start: `node node_modules/react-native/local-cli/cli.js start &quot;--reset-cache&quot;`
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the mapp@0.0.1 start script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  </code></pre>
  <hr />
  <p>Package.json file</p>
  <pre><code>{
    &quot;name&quot;: &quot;mapp&quot;,
    &quot;version&quot;: &quot;0.0.1&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;node node_modules/react-native/local-cli/cli.js start&quot;,
      &quot;test&quot;: &quot;jest&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@expo/vector-icons&quot;: &quot;^10.0.2&quot;,
      &quot;babel-plugin-mobx-deep-action&quot;: &quot;^1.6.1&quot;,
      &quot;jetifier&quot;: &quot;^1.6.3&quot;,
      &quot;jsc-android&quot;: &quot;241213.x.x&quot;,
      &quot;mobx&quot;: &quot;^5.11.0&quot;,
      &quot;mobx-react&quot;: &quot;^6.1.1&quot;,
      &quot;react&quot;: &quot;16.8.3&quot;,
      &quot;react-native&quot;: &quot;^0.59.10&quot;,
      &quot;react-native-background-fetch&quot;: &quot;^2.6.0&quot;,
      &quot;react-native-background-geolocation&quot;: &quot;^3.0.7&quot;,
      &quot;react-native-css-gradient&quot;: &quot;^0.3.1&quot;,
      &quot;react-native-gesture-handler&quot;: &quot;^1.3.0&quot;,
      &quot;react-native-ionicons&quot;: &quot;^4.5.6&quot;,
      &quot;react-native-linear-gradient&quot;: &quot;react-native-community/react-native-linear-gradient&quot;,
      &quot;react-native-maps&quot;: &quot;^0.24.2&quot;,
      &quot;react-native-responsive-screen&quot;: &quot;^1.2.2&quot;,
      &quot;react-native-svg&quot;: &quot;^9.5.2&quot;,
      &quot;react-native-svg-transformer&quot;: &quot;^0.13.0&quot;,
      &quot;react-native-vector-icons&quot;: &quot;^6.5.0&quot;,
      &quot;react-native-vertical-tab-view&quot;: &quot;^0.1.3&quot;,
      &quot;react-navigation&quot;: &quot;^3.11.0&quot;,
      &quot;react-redux&quot;: &quot;^7.1.0&quot;,
      &quot;redux&quot;: &quot;^4.0.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;7.4.5&quot;,
      &quot;@babel/plugin-proposal-decorators&quot;: &quot;^7.4.4&quot;,
      &quot;@babel/runtime&quot;: &quot;7.4.5&quot;,
      &quot;babel-jest&quot;: &quot;24.8.0&quot;,
      &quot;babel-plugin-transform-decorators-legacy&quot;: &quot;^1.3.5&quot;,
      &quot;jest&quot;: &quot;24.8.0&quot;,
      &quot;metro-react-native-babel-preset&quot;: &quot;0.54.1&quot;,
      &quot;react-test-renderer&quot;: &quot;16.8.3&quot;,
      &quot;redux-devtools&quot;: &quot;^3.5.0&quot;
    },
    &quot;jest&quot;: {
      &quot;preset&quot;: &quot;react-native&quot;
    }
  }
  </code></pre>