title: decorators legacy isn't enabled - reactjs
body: <p>The code is as follows</p>
  
  <pre><code>import postActions from './redux/actions/postActions';
  
  @connect(state =&gt; ({
    ...state.posts,
  }),{
    ...postActions,
  })
  </code></pre>
  
  <p>Package.json</p>
  
  <pre><code>{
    "name": "basic-redux-app",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "react": "^16.6.3",
      "react-dom": "^16.6.3",
      "react-redux": "^5.1.1",
      "react-scripts": "2.1.1",
      "redux": "^4.0.1",
      "webpack": "^4.19.1",
      "babel-preset-es2015": "^6.24.1",
      "babel-preset-stage-0": "^6.24.1"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
      "extends": "react-app"
    },
    "browserslist": [
      "&gt;0.2%",
      "not dead",
      "not ie &lt;= 11",
      "not op_mini all"
    ],
    "devDependencies": {
      "@babel/plugin-proposal-decorators": "^7.1.6",
      "babel-plugin-transform-decorators-legacy": "^1.3.5"
    }
  }
  </code></pre>
  
  <p>Also, i have created a .babelrc file in the root path.</p>
  
  <pre><code>Project Folder
      - node_modules/
      - src/
      - .babelrc
  </code></pre>
  
  <p>and also added the following in the babelrc file</p>
  
  <pre><code>{
    "presets": ["es2015", "stage-0", "react"],
    "plugins": [
      ["transform-decorators-legacy"],
      // ...
    ]
  }
  </code></pre>
  
  <p>I am getting the  following error</p>
  
  <blockquote>
    <p>Support for the experimental syntax 'decorators-legacy' isn't
    currently enabled </p>
  </blockquote>
  
  <p>Any idea on how to fix this?</p>