title: HashRouter with BrowserRouter combined
body: <p>trying to figure out, how to combine these two components.</p>
  
  <pre><code>        &lt;BrowserRouter&gt;
          &lt;Switch&gt;
              &lt;Route exact path="/"&gt;
                  &lt;HashRouter&gt;
                      &lt;Route path="/" component={Layout} /&gt;
                  &lt;/HashRouter&gt;
              &lt;/Route&gt;
              &lt;Route exact path="/vizualization"&gt;
                  &lt;HashRouter basename="/vizualization"&gt;
                      &lt;Route path="/" component={VizualizationLayout} /&gt;
                  &lt;/HashRouter&gt;
              &lt;/Route&gt;
              &lt;Route exact path="/terminal"&gt;
                  &lt;HashRouter basename="/terminal"&gt;
                      &lt;Route path="/" component={TerminalLayout} /&gt;
                  &lt;/HashRouter&gt;
              &lt;/Route&gt;
          &lt;/Switch&gt;
      &lt;/BrowserRouter&gt;
  </code></pre>
  
  <p>My application is divided into three subapplications, their urls should be</p>
  
  <p><a href="http://localhost/" rel="nofollow noreferrer">http://localhost/</a></p>
  
  <p><a href="http://localhost/vizualization/" rel="nofollow noreferrer">http://localhost/vizualization/</a></p>
  
  <p><a href="http://localhost/terminal" rel="nofollow noreferrer">http://localhost/terminal</a></p>
  
  <p>and also I want to use HashRouter on these urls like</p>
  
  <p><a href="http://localhost/vizualization/#/.../" rel="nofollow noreferrer">http://localhost/vizualization/#/.../</a>...</p>
  
  <p>Unfortunately, if I enter any other URL from the first one, it always redirects me to the first component called "Layout".</p>
  
  <p>I have tried some combinations of basename and switches, but without luck.
  I would be happy if someone can help me to figure it out.
  Thanks!</p>
  
  <p>EDIT: Also tested this</p>
  
  <pre><code>    &lt;Provider coreStore={store}&gt;
      &lt;div&gt;
          &lt;HashRouter basename="/"&gt;
              &lt;Route path="/" component={Layout} /&gt;
          &lt;/HashRouter&gt;
  
          &lt;HashRouter basename="/vizualization"&gt;
              &lt;Route path="/" component={VizualizationLayout} /&gt;
          &lt;/HashRouter&gt;
  
          &lt;HashRouter basename="/terminal"&gt;
              &lt;Route path="/" component={TerminalLayout} /&gt;
          &lt;/HashRouter&gt;
      &lt;/div&gt;
  &lt;/Provider&gt;
  </code></pre>
  
  <p>But it shows all components.</p>