title: ReactJS Error : Only one default export allowed per module
body: <p>This multiple component doesn't work;</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import { Router, Route, Link, browserHistory, IndexRoute  } from 'react-router'
  
  class App extends React.Component {
     render() {
        return (
           &lt;div&gt;
              &lt;ul&gt;
                 &lt;li&gt;&lt;Link&gt;Home&lt;/Link&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
             {this.props.children}
           &lt;/div&gt;
        )
     }
  }
  
  export default App;
  
  class Home extends React.Component {
     render() {
        return (
           &lt;div&gt;
              &lt;h1&gt;Home...&lt;/h1&gt;
           &lt;/div&gt;
        )
     }
  }
  
  export default Home;
  
  ReactDOM.render((
     &lt;Router history = {browserHistory}&gt;
        &lt;Route path = "/" component = {App}&gt;
           &lt;IndexRoute component = {Home} /&gt;
           &lt;Route path = "home" component = {Home} /&gt;
        &lt;/Route&gt;
     &lt;/Router&gt;
  
  ), document.getElementById('app'))
  </code></pre>
  
  <p>It give a below error;</p>
  
  <blockquote>
    <p>ERROR in ./main.js Module build failed: SyntaxError:
    C:/Users/hasithay/Desktop/reactApp/main.js: Only one default export
    allowed per module.</p>
    
    <p>31 | }   32 |</p>
    
    <blockquote>
      <p>33 | export default Home;
           | ^   34 |   35 | class About extends React.Component {   36 |    render() {</p>
    </blockquote>
    
    <p>@ multi main webpack: bundle is now VALID</p>
  </blockquote>
  
  <p>Answer should be three clickable links that can be used to change the route When the app is started.</p>