webpack 2 hot reload not rerender
<p>I'm working on a Universal React project, my client entry point is:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react'
import {render} from 'react-dom'
import {Provider} from 'react-redux'
import {AppContainer} from 'react-hot-loader'
import {Router, browserHistory} from 'react-router'
import {syncHistoryWithStore} from 'react-router-redux'
import {addLocaleData} from 'react-intl'
import it from 'react-intl/locale-data/it'
import en from 'react-intl/locale-data/en'
import IntlProvider from 'shared/containers/IntlProvider'
import configureStore from 'shared/configureStore'
import routes from 'shared/routes'
import {isDev, isLive} from 'shared/config'

[en, it].forEach(addLocaleData)

const hook = document.getElementById('app')
const initialState = JSON.parse(hook.getAttribute('data-initial-state'))
const store = configureStore(initialState)
const history = syncHistoryWithStore(browserHistory, store)
let content = (
  &lt;Provider store={store}&gt;
    &lt;IntlProvider key="intl"&gt;
      &lt;Router history={history}&gt;
        {routes}
      &lt;/Router&gt;
    &lt;/IntlProvider&gt;
  &lt;/Provider&gt;
)

if (isLive) {
  content = &lt;AppContainer&gt;{content}&lt;/AppContainer&gt;
}

function renderApp() {
  render(content, hook)
}

if (isLive) {
  module.hot.accept('./index.js')
  module.hot.accept('../shared/routes', renderApp)
}

renderApp()</code></pre>
</div>
</div>
</p>

<p>On component changes, the reload seems to work, but no render is applied.. 
maybe it happens before the hot reload trick happens?</p>

<p><a href="https://i.stack.imgur.com/ALI7O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ALI7O.png" alt="console output"></a></p>

<p>NOTE my routes configuration is classic non dymanic routes for now.</p>