title: Webpack - Uncaught TypeError: (0 , _reactDom2.default) is not a function
body: <p>Trying to make react work with webpack, but get error in dev tools console "app.js:105 Uncaught TypeError: (0 , _reactDom2.default) is not a function"</p>
  
  <p>File webpack.config.js:</p>
  
  <pre><code>    module.exports = {
      entry: [
          __dirname + '/assets/react/pages/app.js'
      ],
      output: {
          path: __dirname + '/public/z_output/',
          filename: 'app.js'
      },
      module: {
          loaders: [
              {
                  test: /\.jsx?$/,
                  exclude: /node_modules/,
                  loader: 'babel-loader',
                  query: {
                      presets: ['react', 'es2015']
                  }
              }
          ]
      }
  
  };
  </code></pre>
  
  <p>File app.js:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  
  class App extends React.Component {
      render(){
         return(
            &lt;h1&gt;aa&lt;/h1&gt;
         )
      }
  }
  
  ReactDOM(&lt;App /&gt;, document.getElementById('app'));
  </code></pre>
  
  <p><strong>UPDATE</strong>
  Package.json added 
  File package.json:</p>
  
  <pre><code>{
        "name": "kioe",
        "version": "1.0.0",
        "private": true,
        "scripts": {
          "start": "node ./kioe.js"
        },
        "dependencies": {
          "react": "^15.1.0",
          "react-dom": "^15.1.0",
        },
        "devDependencies": {
          "babel-core": "*",
          "babel-loader": "*",
          "babel-preset-es2015": "*",
          "babel-preset-react": "*",
          "webpack": "*"
        }
  
  }
  </code></pre>