title: Reducer not firing
body: <p>I am standing in a tricky situation.</p>
  
  <p>I my reducer rhythmReducer.js is the following:</p>
  
  <pre><code>import {TOGGLE_NOTE_VALUE} from '../constants/actionTypes';
  import objectAssign from 'object-assign';
  import initialState from './initialState';
  
  export default function rhythmReducer(state = initialState.rhythm, action) {
    let newState = objectAssign({}, state);
    console.log("---RhythmReducer");
    console.log(action.type);
    switch (action.type) {
      case TOGGLE_NOTE_VALUE:
      console.log("TOGGLE_NOTE_VALUE");
      return newState;
    default:
      return newState;
    }
  }
  </code></pre>
  
  <p>The component using it is RhythmContainer.js:</p>
  
  <pre><code>import React, {PropTypes} from 'react';
  import {connect} from 'react-redux';
  import {bindActionCreators} from 'redux';
  import * as actions from '../actions/rhythmActions';
  import {Meter} from './Meter';
  
  export const RhythmContainer = (props) =&gt; {
    let rows = [];
    for (let i=0; i &lt; props.rhythm.meters.length; i++) {
      rows.push(&lt;Meter key={i} actions={actions} rhythm=      {props.rhythm.meters[i]}/&gt;);
    }
    const handleClick = () =&gt; {
      return props.store.dispatch(actions.toggleNoteValue);
    };
    return (
      &lt;div onClick={handleClick}&gt;
        This will be a 4/4 rhythm
        {rows}
      &lt;/div&gt;
    );
  };
  
  RhythmContainer.propTypes = {
    rhythm: PropTypes.object.isRequired,
    store: PropTypes.object.isRequired,
  };
  
  function mapStateToProps(state) {
    return {
      rhythm: state.rhythm,
    };
  }
  
  function mapDispatchToProps(dispatch) {
    return {
      actions: bindActionCreators(actions, dispatch)
    };
  }
  
  export default connect(
    mapStateToProps,
    mapDispatchToProps
  </code></pre>
  
  <p>)(RhythmContainer);</p>
  
  <p>My action is defined in rhythmActions.js</p>
  
  <pre><code>import * as types from '../constants/actionTypes';
  
  export function toggleNoteValue() {
    console.log("toggleNoteValue");
    return {type: types.TOGGLE_NOTE_VALUE};
  }
  </code></pre>
  
  <p>Even though the reducer runs when the page is initializing I can not get it to run when I click on the div.
  toggleNoteValue() is firing up but it never goes in the actual Reducer.
  Any help?</p>
  
  <p>PS the full project is here just in case it helps: <a href="https://github.com/ichionid/rhythmGeneratorReact/tree/master/src" rel="nofollow noreferrer">https://github.com/ichionid/rhythmGeneratorReact/tree/master/src</a></p>