WindowScroller wrapper prevents react-hot-loader from atomic updates

[benjamindulau]

Hey,

As soon as I add <WindowScroller> wrapper, react-hot-loader can't atomically refresh updates to JSX code anymore and a full app reload (not the browser, but the hot(App)) is fired.

Works great when I remove the <WindowScroller> container wrapper.

i.e:

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import { Provider } from 'react-redux';
import { Router } from 'react-router-dom';
import { createBrowserHistory as createHistory } from 'history';
import { ScrollManager, WindowScroller } from 'react-scroll-manager';
import App from 'ui/containers/App';
import { hot } from 'react-hot-loader/root';
import { PusherProviderContainer } from 'ui/containers/PusherProvider';
import { IntlProvider } from 'react-intl';

class RootContainer extends Component {
    static propTypes = {
        store: PropTypes.object.isRequired,
        pusher: PropTypes.object.isRequired,
    };


    constructor(props, context) {
        super(props, context);

        this.history = createHistory({ basename: "/app" });
    }

    render() {
        const {store} = this.props;

        return (
            <Provider store={store}>
                <IntlProvider locale="fr">
                    <ScrollManager history={this.history}>
                        <Router history={this.history}>
                            <WindowScroller> {/* Prevents react-hot-reload atomic updates */}
                                <PusherProviderContainer pusher={this.props.pusher}>
                                    <App/>
                                </PusherProviderContainer>
                            </WindowScroller>
                        </Router>
                    </ScrollManager>
                </IntlProvider>
            </Provider>
        );
    }
}

export default hot(RootContainer);

Any Idea?