title: React Route shows blank page
body: <p>I have a problem I am new and I am trying to use React Router but it shows me a blank page whenever I use it
  Here is my code:</p>
  <pre><code>    import React, {Component} from 'react';
  import {BrowserRouter as Router, Route} from 'react-router-dom';
  class TodoApp extends Component{
      render() {
        return (
          &lt;div className=&quot;TodoApp&quot;&gt;
              &lt;Router&gt;
                  &lt;&gt;
                  &lt;Route path=&quot;/&quot; element={&lt;WelcomeComponent /&gt;} /&gt;
                  &lt;/&gt;
              &lt;/Router&gt;
          &lt;/div&gt;
        )
      } 
  }
  
  
  class WelcomeComponent extends Component{
      render()
      {
          return &lt;div&gt;
              abcd
          &lt;/div&gt;
      }
  }
  </code></pre>
  <p>If I delete the route line
  and instead I write somthing else the code works fine so I know I have a problem with the Route line and I am not sure what is it</p>