title: Loading same component for multiple paths
body: <p>I'm trying to load the Search component for all paths that have "/car/" in it.</p>
  
  <p>In my index.js I have:</p>
  
  <pre><code>var indexRoutes = [
  
  { path: "/authentication", name: "Athentication", component: Blanklayout },
  { path: '/', name: 'Dashboard', component: Fulllayout }
  
  ];
  
  ReactDOM.render(
  &lt;BrowserRouter&gt;
  &lt;Switch&gt;
    {indexRoutes.map((prop, key) =&gt; {
      return &lt;Route path={prop.path} key={key} component={prop.component} /&gt;;
    })}
    &lt;Route path="/car/" component={Search} /&gt;
  &lt;/Switch&gt;
  &lt;/BrowserRouter&gt;
  ,document.getElementById('root')); 
  </code></pre>
  
  <p>When I navigate to /car/hello I'd expect this to load the Search component as I have the path /car/ specified but this doesn't work.</p>
  
  <p>I have also tried using /car/* but still this doesn't work.</p>
  
  <p>Does anyone have any idea what I'm doing wrong? Been scratching my head for the past couple of hours on this.</p>