ReactJS Error : Only one default export allowed per module
<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>