Hot Reloading doesn't work if we have any statement before actual react component.

[akshaymohite]

If we use strict mode as the first statement (or any other statement for that matter) then js code evals the first statement and thus, hot reloading doesn't work.

For example,

'use strict';

const Header = React.createClass({

  render() {
    return (
        <h1>Header Text</h1>
    );
  }
})

[rmosolgo]

Hmmm.... I wonder where it's breaking down. It seems like eval should support multiple statements. And the code flow is simple:

• Run the JS code, which overrides some identifiers (in this case, Header would be redefined)
• Remount all components, so anything with data-react-component="Header" would be remounted with the newly-defined Header component

Is there any error in the JS console? Or it just fails silently?