import React from 'react';
import ReactDOM from 'react-dom';

// AppContainer is a necessary wrapper component for HMR
import { AppContainer } from 'react-hot-loader';

// import global styles
import './styles/index.scss';

import App from './app';

const render = (Component) => {
  ReactDOM.render(
    <AppContainer>
      <Component />
    </AppContainer>,
    document.getElementById('app')
  );
};

render(App);

// Hot Module Replacement API
if (module.hot) {
  module.hot.accept('./app', () => {
    render(App);
  });
}

@@ -484,27 +484,11 @@
 ept(
-'./app', () =%3E %7B%0A  
+);%0A
   re
@@ -502,12 +502,6 @@
 p);%0A
-  %7D);%0A
 %7D%0A

fix style hot reloading