title: Redux undefined in ES6 syntax mode
body: <p>I am getting Redux undefined on using the ES6 syntax.
  However, working with import statements works fine. How can I fix this error? </p>
  
  <p>I am using the starter kit <a href="https://github.com/davezuko/react-redux-starter-kit" rel="nofollow noreferrer">https://github.com/davezuko/react-redux-starter-kit</a> for react.</p>
  
  <p>Below is the code.</p>
  
  <p><strong>Index.html</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
        &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
          &lt;link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"&gt;
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.3.1/redux.js"&gt;&lt;/script&gt;
          &lt;script src="https://unpkg.com/react@0.14.7/dist/react.js"&gt;&lt;/script&gt;
          &lt;script src="https://unpkg.com/react-dom@0.14.7/dist/react-dom.js"&gt;&lt;/script&gt;
  
          &lt;title&gt;React App&lt;/title&gt;
        &lt;/head&gt;
        &lt;body&gt;
          &lt;div id="root"&gt;&lt;/div&gt;
  
        &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p><strong>INDEX.JS</strong> </p>
  
  <pre><code>const todo = (state, action) =&gt; {
      switch(action.type) {
          case 'ADD_TODO':
              return {
                  id: action.id,
                  text: action.text,
                  completed: false
              }
          case 'TOGGLE_TODO':
              if(state.id !== action.id){
                  return state;
              }
  
              return {
                  ...state,
                  completed: !state.completed
              }
          default: 
              return state;
      }
  };
  
  const todos = (state = [], action) =&gt; {
      switch(action.type) {
          case 'ADD_TODO': 
              return [
                  ...state,
                  todo(undefined, action)
              ]
          case 'TOGGLE_TODO': 
              return state.map(t =&gt; todo(t, action));
          default: 
              return state;
      }
  };
  
  const {combineReducers} = Redux;
  
  const todoApp = combineReducers({todos});
  const { createStore } = Redux;
  const store = createStore(todoApp);
  
  
  const { Component } = Redux;
  
  let nextTodoId = 0;
  
  class TodoApp extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;input type="text" ref={node =&gt; {
                      this.input = node;
                  }} /&gt;
                  &lt;button onClick={() =&gt; {
                      store.dispatch({
                          type: 'ADD_TODO',
                          text: this.input.value,
                          id: nextTodoId++
                      });
                  }}&gt;
                  Add Todo&lt;/button&gt;
  
                  &lt;ul&gt;
                      {this.props.todos.map(todo =&gt; 
                          &lt;li key={todo.id}&gt;
                              {todo.text}
                          &lt;/li&gt;
                      )}
                  &lt;/ul&gt;
              &lt;/div&gt;
          )
      }
  
  }
  
  const render = () =&gt; {
      ReactDOM.render(
          &lt;TodoApp todos={store.getState().todos} /&gt;, 
          document.getElementById('root')
      );
  }
  store.subscribe(render);
  
  render();
  </code></pre>