title: React js multiple routes files doesn't work
body: <p>I am working on one of the project and project has multiples routes aroud 400+ so main routes file was too long.
  So I just split the routes code based on the modules and import into the main routes file.
  After importing the split route file into the main Routes file routes doesn't work.</p>
  <p>Am using <strong>'react-router-dom'</strong></p>
  <p>Main File</p>
  <pre><code>ReactDOM.render(
       &lt;React.Suspense
        fallback={&lt;div&gt;Loading&lt;/div&gt;}
      &gt;
        &lt;Switch&gt;
         &lt;Route exact path=&quot;/&quot;component={Home}  /&gt;
         &lt;UsersRoutes /&gt;
         &lt;ProductsRoutes /&gt;
         &lt;/Switch&gt;
      &lt;/React.Suspense&gt;,
      document.getElementById('app')
  );
  </code></pre>
  <p>UsersRoutes File</p>
  <pre><code>&lt;&gt;
    &lt;Route exact path=&quot;/all-users&quot; component={Component1} /&gt;
    &lt;Route exact path=&quot;/active-users&quot; component={Component2} /&gt;
    &lt;Route exact path=&quot;/deactivated-users&quot; component={Component3} /&gt;
    ...
  &lt;/&gt;
  </code></pre>
  <p>ProductsRoutes File</p>
  <pre><code>&lt;&gt;
    &lt;Route exact path=&quot;/all-products&quot; component={Component1} /&gt;
    &lt;Route exact path=&quot;/sale-products&quot; component={Component2} /&gt;
    &lt;Route exact path=&quot;/feature-products&quot; component={Component3} /&gt;
    ...
  &lt;/&gt;
  </code></pre>