Doesn't work with React-Router :(

[mdebbar]

I started using hot reloading and it gave me a huge productivity boost. Thanks everyone for making this possible!

The only problem I'm having now is that route components can't be hot-updated. I'm getting the following warning in my console:

The following modules couldn't be hot updated: (Full reload needed) ...

class MyRouteComponent extends React.Component {
  // ... any changes here can't be hot-updated :(
}

ReactDOM.render(
  <Router>
    <Route path="/" component={MyRouteComponent} />
  </Router>,
  document.body
);

Is there any workaround to make it work?

[gaearon]

Are you writing everything in a single file? Hot reloading will only work if you split the root component into a separate module.

[mdebbar]

Not in a single file. Here is what my main entry file looks like:

import MyRouteComponent from "./my-route-component";

ReactDOM.render(
  <Router>
    <Route path="/" component={MyRouteComponent} />
    ...
  </Router>
  document.body
);

Maybe the entry file should be even simpler? Like:

import MyRouter from "./my-router";

ReactDOM.render(
  <MyRouter />,
  document.body
);

Would that work?

[gaearon]

Please provide a project reproducing the problem.

[gaearon]

Along with exact instructions to reproduce it

[gaearon]

Closing as there’s not enough information, and anyway a big change is coming: gaearon/react-hot-boilerplate#61