components don't seem to be hot reloading changes to action creators about react-transform-hmr HOT 5 CLOSED

import React, {Component} from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';
import {connect} from 'react-redux';

import Alert from 'mindfront-react-components/bootstrap/Alert';

import viewTypes from 'viewTypes';

class ViewSwapper extends Component {
  static propTypes = {
    params: React.PropTypes.shape({
      viewId: React.PropTypes.string.isRequired,
    }).isRequired,
    model:        ImmutablePropTypes.shape({
      type:         React.PropTypes.string.isRequired,
    }),
    sessionState: React.PropTypes.object,
  }
  render() {
    let {model, params: {viewId}} = this.props;
    if (!model) {
      return <Alert.Danger>
        View {viewId} not found
      </Alert.Danger>;
    }
    let viewType = viewTypes[model.get('type')];
    if (viewType) {
      return React.createElement(viewType.component, this.props);
    }
    return <Alert.Danger>
      View settings for view {viewId} appear to be corrupted
    </Alert.Danger>;
  }
}

export default class ViewHolder extends Component {
  static propTypes = {
    params: React.PropTypes.shape({
      viewId: React.PropTypes.string.isRequired,
    }).isRequired,
  }
  selector = (state) => {
    let viewId = this.props.params.viewId;
    return {
      model:        state.getIn(['views', viewId]),
      sessionState: state.getIn(['viewSessionStates', viewId]),
    }
  }
  render() {
    return React.createElement(connect(this.selector)(ViewSwapper), this.props, this.props.children);
  }
}