diff --git a/src/components/app_dev.jsx b/src/components/app_dev.jsx
index c1a19cd..8f9cfd8 100644
--- a/src/components/app_dev.jsx
+++ b/src/components/app_dev.jsx
@@ -27,4 +27,4 @@ function App(props) {
     );
 }
 
-module.exports = App;
+export default App;
diff --git a/src/index_dev.jsx b/src/index_dev.jsx
index a15fb06..4e201d0 100644
--- a/src/index_dev.jsx
+++ b/src/index_dev.jsx
@@ -1,13 +1,13 @@
 import "babel-polyfill";
 import React from 'react';
 import { render } from 'react-dom';
-const App = require('app/components/app_dev.jsx');
+import App from 'app/components/app_dev.jsx';
 
 render(<App/>, document.getElementById('app'));
 
 if (module.hot) {
     module.hot.accept('app/components/app_dev.jsx', function() {
-        const NextApp = require('app/components/app_dev.jsx');
+        const NextApp = require('app/components/app_dev.jsx').default;
         render(<NextApp/>, document.getElementById('app'));
     });
 }