1.0.0-beta2 incompatible with react-hot-loader

[EvHaus]

I use react-hot-loader for development to quickly reload components when they update. The 1.0.0-beta2 build has broken this compatibility. Anytime a module is hot loaded, this message is printed to the console:

Uncaught Error: Invariant Violation: <Router history> may not be changed

Any thoughts about how to get around this limitation?

The code that defines the history is pretty standard:

export default class App {
    render () {
        return (
            <Router history={new BrowserHistory()}>
                <Route component={AppView} path="/">
                    ...
                </Route>
            </Router>
        );
    }
}

[Schniz]

as I stated here, you should not create a new instance in the props. I haven't used react-hot-reloader yet, but I'm sure there is a place you can define some things that never change. and that's the place you should stick the new BrowserHistory()

[Schniz]

If I were you, I'd just try to add

const history = new BrowserHistory();
export default class App {
    render () {
        return (
            <Router history={ history }>
                <Route component={AppView} path="/">
                    ...
                </Route>
            </Router>
        );
    }
}

[EvHaus]

That did the trick. We should update docs to reflect this.

[mjackson]

We merged #1429 which addresses this. Closing.