title: ReactTransitionGroup doesn't works with React-redux connected component
body: <p>I'm working on a bigger project but I created this short example to illustrate the problem.</p>
  
  <p>If I use <code>Box</code> component, its works. It outputs in the console <code>componentWillEnter</code> and 
  <code>componentWillLeave</code> when we click on the button.</p>
  
  <p>If I use <code>BoxContainer</code> container, it doesn't work anymore. <code>componentWillEnter</code> and <code>componentWillLeave</code> special lifecycle hooks are not called.</p>
  
  <pre class="lang-js prettyprint-override"><code>{this.state.shouldShowBox &amp;&amp; &lt;BoxContainer/&gt;}
  </code></pre>
  
  <p>Webpack build is done correctly, no errors in the console, but It outputs nothing.</p>
  
  <p>I also tried with high-level API :<code>ReactCSSTransitionGroup</code>, and it works with <code>Box</code> and <code>BoxContainer</code> component. But I need to use the low-level API : <code>ReactTransitionGroup</code>.</p>
  
  <p>Do you have an idea why it doesn't works when we use <code>react-redux</code>?</p>
  
  <h2>Version used :</h2>
  
  <ul>
  <li>react : <strong>15.0.2</strong></li>
  <li>redux : <strong>3.5.2</strong>  </li>
  <li>react-redux : <strong>4.4.5</strong>  </li>
  </ul>
  
  <h2>Code :</h2>
  
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  import {render} from 'react-dom';
  import {Provider, connect} from 'react-redux';
  import {createStore, compose, combineReducers} from 'redux';
  import TransitionGroup from 'react/lib/ReactTransitionGroup';
  
  // Box component
  class Box extends React.Component {
    componentWillEnter(callback) {
      console.log('componentWillEnter');
      callback();
    }
  
    componentWillLeave(callback) {
      console.log('componentWillLeave');
      callback();
    }
  
    render() {
      return &lt;div className="box"/&gt;;
    }
  }
  
  // Boxe connected component
  const BoxContainer = connect(null, {})(Box);
  
  // App component
  class App extends React.Component {
    state = {
      shouldShowBox: true
    };
  
    toggleBox = () =&gt; {
      this.setState({
        shouldShowBox: !this.state.shouldShowBox
      });
    };
  
    render() {
      return (
        &lt;div&gt;
          &lt;TransitionGroup&gt;
            {this.state.shouldShowBox &amp;&amp; &lt;BoxContainer/&gt;}
          &lt;/TransitionGroup&gt;
          &lt;button className="toggle-btn" onClick={this.toggleBox}&gt;
            toggle
          &lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  // reducer
  function reducer(state = [], action) {
    switch (action.type) {
      default:
        return state
    }
  }
  
  // store
  const store = createStore(reducer);
  
  // render
  render(
    &lt;Provider store={store}&gt;
      &lt;App /&gt;
    &lt;/Provider&gt;
    ,
    document.getElementById('root')
  );
  </code></pre>