Why am I getting this error below? My statement ReactDOM.render(<App />, container); is 100% legit code.

My github repo: https://github.com/leongaban/react_starwars

The app.js file

import react from 'react'

import ReactDom from 'react-dom'

import App from 'components/App'



require('index.html');



// Create app

const container = document.getElementById('app-container');



// Render app

ReactDOM.render(<App />, container);

The components/App file

import React from 'react'



const App = () =>

  <div className='container'>

    <div className='row'>



    </div>

    <div className='row'>



    </div>

  </div>;



export default App; 

My webpack.config

const webpack = require('webpack');

const path = require('path');



module.exports = {

entry: [

  './src/app.js'

],

output: {

  path: path.resolve(__dirname, './build'),

  filename: 'app.bundle.js',

},

module: {

  loaders: [

    {

      test: /.html$/,

      loader: 'file-loader?name=[name].[ext]',

    },

    {

      test: /.jsx?$/,

      exclude: /node_modules/,

      loader: 'babel-loader',

    },

  ],

},

plugins: [

  new webpack.NamedModulesPlugin(),

]

};