title: React Router not found page showing up on all paths
body: <p>I'm experimenting with a bit of React Routing, and I experienced a problem when I tried to make an error page, which occurs each time the users gets a 404 error, which prompts a message:</p>
  
  <pre><code>import React from "react";
  
  const Error = props =&gt; {
      return(
          &lt;div&gt;
          &lt;p&gt;
              Path does not exist!
          &lt;/p&gt;
          &lt;/div&gt;
      )
  
  }
  
  export default Error;
  </code></pre>
  
  <p>I wrapped all my paths, with a switch statement, to only make it apply to the absolute paths. </p>
  
  <pre><code>class App extends Component {
  
    render() {
      return (
        &lt;BrowserRouter&gt;
      &lt;Switch&gt;
      &lt;div&gt;
        &lt;Route exact path="/"   component={Home}  /&gt;
        &lt;Route exact path="/about"  component={About} /&gt;
        &lt;Route path="*" exact component={Error} /&gt;
        &lt;/div&gt;
      &lt;/Switch&gt;
      &lt;/BrowserRouter&gt;
      );
    }
  }
  </code></pre>
  
  <p>but know whenever I access a path, the Error component shows up. </p>
  
  <p>But I since I wrap in a Switch component, and use exact, shouldn't the Error component only show up, whenever another path does not exist?</p>