title: Is it possible to have multiple BrowserRouter in react app
body: <p>I have a scenario, I want to have 2 different UI in the existing react app. V1 (versions1) will have a different UI and V2 (versions2) will have a different UI.</p>
  <p>Existing implementation is like below,</p>
  <pre><code>   &lt;BrowserRouter basename=“/us”&gt;
       &lt;Version1Layout&gt;
          &lt;Switch&gt;
              &lt;Route exact={true} path=“/” component={Home} /&gt;
              &lt;Route exact={true} path=“/about” component={About} /&gt;
          &lt;/Switch&gt;
        &lt;/Version1Layout&gt; 
      &lt;/BrowserRouter &gt;
  </code></pre>
  <p>But I want something like this:-</p>
  <pre><code>&lt;div&gt;
   &lt;BrowserRouter basename=“/us/v1”&gt;
     &lt;Version1Layout&gt; 
      &lt;Switch&gt;
          &lt;Route exact={true} path=“/” component={Home} /&gt;
          &lt;Route exact={true} path=“/about” component={About} /&gt;
      &lt;/Switch&gt;
     &lt;/Version1Layout&gt; 
   &lt;/BrowserRouter&gt;
   &lt;BrowserRouter basename=“/us/v2”&gt;
     &lt;Version2Layout&gt;
      &lt;Switch&gt;
          &lt;Route exact={true} path=“/report1” component={ReportView1} /&gt;
          &lt;Route exact={true} path=“/report2” component={ReportView2} /&gt;
      &lt;/Switch&gt;
     &lt;/Version2Layout&gt;
   &lt;/BrowserRouter&gt;
  &lt;/div&gt;
  </code></pre>
  <blockquote>
  <p><strong>Is it possible to have multiple BrowserRouter in parallel?</strong></p>
  </blockquote>