title: Support for the experimental syntax 'decorators-legacy' isn't currently enabled How To Enable In Create React App?
body: <p>I am trying to get up and running with react create app and  mobx state tree. I keep getting</p>
  <pre><code>Support for the experimental syntax 'decorators-legacy' isn't currently enabled (4:1):
  </code></pre>
  <p>I never used react create app so I am not sure how to enable, I tried making a .babelrc file but that did not help</p>
  <pre><code>{
      &quot;presets&quot;: [&quot;@babel/preset-env&quot;],
      &quot;plugins&quot;: [
          [&quot;@babel/plugin-proposal-decorators&quot;, { &quot;legacy&quot;: true }]
      ]
  }
  
  
  import React, { Component } from &quot;react&quot;;
  import { observer, inject } from &quot;mobx-react&quot;;
  
  @inject(&quot;domainStores&quot;)
  @observer
  export default class MainComponent extends Component {
    async componentDidMount() {}
  
    render() {
      return &lt;div className=&quot;main-container&quot;&gt;
              helllo
  
      &lt;/div&gt;;
    }
  }
  </code></pre>
  <p>I am also open to suggestions if things have changed, I have not used the newest version of Mobx State tree so many there is a better way of doing this now?</p>