title: _reactDom2.default.render is not a function
body: <p>consider the following react code</p>
  
  <p>the main.js file is:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import Maincontainner from './maincontainner';
  
  ReactDOM.render(
      &lt;div&gt;
          &lt;h1&gt;News&lt;/h1&gt;
          &lt;Maincontainner/&gt;
      &lt;/div&gt;,
      document.getElementById('content')
  );
  </code></pre>
  
  <p>and the component is:</p>
  
  <pre><code>import React from 'react';
  
  
  export default class  Maincontainner extends React.Component{
  
      render() {
          console.log("I am here");
          return (&lt;dev&gt; Salman is here &lt;/dev&gt;);
      }
  }
  </code></pre>
  
  <p>the problem is, when i run the application, i face with following error in my console:</p>
  
  <pre><code>Uncaught TypeError: _reactDom2.default.render is not a function
  </code></pre>
  
  <p>and here is the dependencies</p>
  
  <pre><code>"dependencies": {
      "webpack": "^1.12.14",
      "webpack-dev-server": "^1.14.1",
      "react" : "^0.14.7",
      "react-dom" : "^0.14.7",
      "babel-cli": "^6.5.1",
      "babel-preset-es2015": "^6.5.0",
      "babel-loader": "^6.2.1",
      "babel-preset-react": "^6.3.13",
      "babelify": "^7.2.0"
  
  
    }
  </code></pre>
  
  <p>Update: webpack.config.json</p>
  
  <pre><code>module.exports={
  
      entry: './js/main.js',
      output:{
  
          filename: 'bundle.js'
      },
      module: {
          loaders: [
              {
                  test: /.js?$/,
                  loader: 'babel',
                  exclude: /node_modules/,
                  query: {
                      presets: ['es2015', 'react']
                  }
              }
          ]
      },
      devServer:{
  
  
          port:3000
      }
  
  
  
  
  
  };
  </code></pre>
  
  <p>I have also 1 .babelrc file</p>
  
  <pre><code>{
    "presets": ["es2015", "react"]
  }
  </code></pre>