title: How to use React HashRouter for route parameters?
body: <p>I have two routes, a base path and a customer route. The customer route takes a customerId parameter.  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;HashRouter&gt;
      &lt;Switch&gt;
        &lt;Route path="/mapper/:mappingId/" exact component={Mapper}/&gt;
        &lt;Route path="/" exact component={App} /&gt;
      &lt;/Switch&gt;
    &lt;/HashRouter&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>then in the react component I am calling it like this to navigate</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>      window.open(`/customer/${customerId}`)</code></pre>
  </div>
  </div>
  
  (updated, still doesn't work)</p>
  
  <p>but when I navigate it just goes to the App component. I have to use HashRouter because the react app is wrapped in Electron. BrowserRouter works on the web</p>
  
  <p>The url i get when i navigate is this:
  <a href="http://localhost:3000/customer/ca023754-bb75-4f64-a19c-958525b53e12#/" rel="nofollow noreferrer">http://localhost:3000/customer/ca023754-bb75-4f64-a19c-958525b53e12#/</a>
  I also tried adding backslash in Route,  /customer/:customerId/, that didn't work as well</p>
  
  <p>I have read <a href="https://stackoverflow.com/questions/36505404/how-to-use-react-router-with-electron">How to use React Router with Electron?</a> but it doesn't really work </p>