title: React-Redux @connect syntax error
body: <p>I'm new to using React and Redux, I'm building a simple todos application. I am writing my application using the create-react-app tool in the command line.</p>
  
  <p><strong>The issue</strong></p>
  
  <p>I went to other blogs and post and others have mentioned that I am missing an npm plugin to transform decorators "transform-decorators-legacy", I added this to my dependencies along with Babel, but I am still receiving the same error.</p>
  
  <pre><code>Syntax error: Unexpected token (9:0)
  
     7 | import './App.css';
     8 |
  &gt;  9 | @connect((store) =&gt; {
       | ^
    10 |   return {
    11 |     user: store.user.user
    12 |   }
  </code></pre>
  
  <p><strong>My code</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  
  import Todos from './components/Todos';
  import Todo from './components/Todo';
  
  import './App.css';
  
  @connect((store) =&gt; {
    return {
      user: store.user.user
    }
  })
  class App extends Component {
    constructor(){
      super()
      this.state = {
        name: 'Brad',
        todos: [
          {
            id: '001',
            name: 'Take out trash',
            completed: false
          },
          {
            id: '002',
            name: 'Meeting with boss',
            completed: false
          },
          {
            id: '003',
            name: 'Go out to dinner',
            completed: false
          }
        ]
      }
    }
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;h1&gt;Hello&lt;/h1&gt;
          &lt;Todos name={this.state.name} todos={this.state.todos}/&gt;
          &lt;Todo/&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p><strong>My dependencies</strong></p>
  
  <p>package.json</p>
  
  <pre><code>{
    "name": "react-redux-project",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
      "axios": "^0.16.2",
      "react": "^15.6.1",
      "react-dom": "^15.6.1",
      "react-redux": "^5.0.6",
      "redux": "^3.7.2",
      "redux-logger": "^3.0.6",
      "redux-promise-middleware": "^4.3.0",
      "redux-thunk": "^2.2.0"
    },
    "devDependencies": {
      "babel": "^6.23.0",
      "babel-plugin-transform-decorators-legacy": "^1.3.4",
      "react-scripts": "1.0.11"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test --env=jsdom",
      "eject": "react-scripts eject"
    }
  }
  </code></pre>
  
  <p>Any help/knowledge will be appreciated thanks!</p>