React Router / Warning: Location "/" did not match any routes
<p><strong>Solved</strong></p>

<p><em>-->This issue was solved by adjusting indentation.</em></p>

<hr>

<p>I'm trying to use React Router but it's giving me errors below:</p>

<blockquote>
  <p>Warning: Failed propType: Invalid prop <code>children</code> supplied to <code>Router</code></p>
  
  <p>Warning: Location "/" did not match any routes</p>
</blockquote>

<p>The URL I'm accessing is <a href="http://localhost:8080/" rel="nofollow">http://localhost:8080/</a>. I have read other similar questions but no luck. Your help would be really appreciated!</p>

<p>App.js</p>

<pre><code>import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Router, Route} from 'react-router';

class App extends Component {
  render(){
    return (
      &lt;div className="app"&gt;
        {this.props.children}
      &lt;/div&gt;
    );
  }
}

ReactDOM.render((
  &lt;Router&gt;
    &lt;Route path="/" component={App}/&gt;
  &lt;/Router&gt;
  ), document.getElementById('root'));
</code></pre>