React Hot Loader doesn't work if React is external (CDN)

Hi there,

Given:

module.exports = {
  externals: {
    react: 'React',
    'react/addons': 'React',
    'react-router': 'ReactRouter'
  }, ...

and:

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react-with-addons.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/react-router/0.11.6/react-router.min.js"></script>

in the html. Then the React Hot Loader doesn’t work. I see this in the console:

[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.
[WDS] App updated. Recompiling...
[WDS] App updated. Recompiling...
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] Updated modules:
[HMR]  - 20
[HMR] App is up to date.

but I don’t see the changes getting reflected in the view. It’d work however If I commented out the externals configuration and the script lines in the html (getting webpack to use NPM react packages).

The console output is almost the same as above except that [HMR] - 20 was [HMR] - 19.

Any suggestions on how to debug/fix this would be welcome. Confirmation that anyone has successfully used React Hot Loader with external React resources would be great too.

[codelegant]

@gaearon In product env, use externals, and the addons had to declare like this const update=React.addons.update. But in dev env, use NPM package, you should import update from 'react-addons-update. That made me confused, for consistency, I had to use externals in dev. Is there any solution? I’m waiting online. Thank you.

[gioacostax]

@gaearon but now appears this; if I use ReactDOM to render (the correct way):

ERROR in ./~/react-dom/index.js /bower_components/react/react.min.js/lib/ReactDOM