title: Router: No routes matched location "/" error react-router-dom v6
body: <p>I recently migrated from <code>react-router-dom V5 to v6</code> and I got the following message below:</p>
  <p><code>index.js:44 No routes matched location &quot;/&quot;</code></p>
  <p>Here is how my App component looks</p>
  <pre><code>const joinedSignupRoutes = `/(${allSteps
    .map((step) =&gt; step.path.substr(1))
    .join('|')})`;
  
  const App = ({ history }) =&gt; {
    return (
      &lt;ConnectedRouter history={history}&gt;
        &lt;Routes&gt;
          &lt;Route path={joinedSignupRoutes} element={&lt;RegistrationRoutes /&gt;} /&gt;
  </code></pre>
  <p>Any thoughts on how to solve this will be very much appreciated.</p>