title: Why am I not routing through the Switch? React Router v4
body: <p>I am using React Router 4 and am not routing through a nested <code>Switch</code> component.  Here are my routes:</p>
  
  <pre><code>const routes = (
    &lt;div&gt;
      &lt;Switch&gt;
        &lt;Route exact path="/" &gt;
          &lt;Switch&gt;
            &lt;Route path="/test" component={Test} /&gt;
            &lt;Route path="/other" component={Other} /&gt;
            &lt;Route path="/about" component={About} /&gt;
          &lt;/Switch&gt;
        &lt;/Route&gt;
        &lt;Route path="*" component={NotFound} /&gt;
      &lt;/Switch&gt;
    &lt;/div&gt;
  );
  </code></pre>
  
  <p>I hit the root <code>/</code> route, but if I try to route to any of the other nested routes <code>/about</code>, <code>/other</code>, <code>/test</code>, I go to my error page.  I assume it is because I have <code>exact</code> on the <code>Route</code> with the root <code>/</code> route, but I am not sure.  How do I fix this?</p>