fix hot reloading

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["es2015", "react"] 
+  "presets": ["es2015", "react", "react-hmre"] 
 }

package.json

@@ -24,6 +24,7 @@
     "babel-loader": "^6.2.3",
     "babel-preset-es2015": "^6.5.0",
     "babel-preset-react": "^6.5.0",
+    "babel-preset-react-hmre": "^1.1.0",
     "portfinder": "^0.4.0",
     "webpack": "^1.12.13",
     "webpack-dev-server": "^1.14.1"

src/app.js

@@ -1,5 +1,7 @@
-import React from 'react'
-import Component from './component'
+import React, { Component } from 'react'
+import Widget from './widget'
 
-const App = () => <Component />
+class App extends Component {
+  render () { return <Widget /> }
+}
 export default App

src/widget.jsx

@@ -0,0 +1,10 @@
+import React, { Component } from 'react'
+
+class Widget extends Component {
+  render () {
+    const message = "I'm your widget. Have at it."
+    return <div>{message}</div>
+  }
+}
+
+export default Widget