title: Cannot read property 'props' of undefined - React Router
body: <p>I'm trying to do nested routing using react server. But I'm getting an error in the browser console stating </p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'props' of undefined
  </code></pre>
  
  <p>Here is the react code</p>
  
  <pre><code>    const App = () =&gt; {
      return (
          &lt;div&gt;
              &lt;h2&gt;{'Nested Routing App'}&lt;/h2&gt;
               &lt;ul&gt;
                  &lt;li&gt;
                      &lt;Link to="/view1"&gt;{'View1'}&lt;/Link&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              {this.props.children}
          &lt;/div&gt;
      );
  };
  
  const View1 = () =&gt; {
      return(
          &lt;h3&gt;{'Welcome to View1'}&lt;/h3&gt;
      );
  };
  
  
  render(
      &lt;Router&gt;
          &lt;Route component={App} path="/"&gt;
              &lt;Route component={View1} path="/view1"&gt;&lt;/Route&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;,
  document.getElementById('app'));
  </code></pre>
  
  <p>Any idea what might be wrong ?</p>