Switch component incorrectly matching routes

Hi there, I don’t think the <Switch> component is matching correctly, or at least I’m not using it correctly.

<Switch>
  <Route exact path="/" component={Home} />
  <About />
  <Route component={Splat} />
</Switch>

The <About /> component contains its own routes:

<div>
  <Route path="/foo/one" component={One} />
  <Route path="/bar/two" component={Two} />
</div>

With this setup, I’m never able to render the Splat route since it thinks About is a match.

This codepen should illustrate my issue - https://codepen.io/justinpincar/pen/xrqQEZ

---

https://stackoverflow.com/questions/44642711/react-router-v4-catch-all-route

[AlastairTaft]

I’m having trouble with this, if I extend the Route into a AboutRoute does <Switch /> treat it the same? I’ve found my custom <AboutRoute />'s are always rendered.

[cerivera]

@AlastairTaft I’m seeing the same issue. Honestly, I’ve even tried throwing in a random UI component into the switch with the path property and it appears to be matching it too.