title: ReactJS with React Router - strange routing behaviour on Chrome
body: <p>This is a bit weird and I would like to get to the bottom of it. </p>
  
  <p>I have a page where users type in their email address and click a button and then I show "you're signed up!" message - simple.</p>
  
  <p>For that, I have two routes. The main route and the "signed-up" route.</p>
  
  <pre><code>  &lt;Route name="app" path="/" handler={Main}&gt;
      &lt;Route name="signed-up" path="signed-up" handler={SignedUp} /&gt;
      &lt;DefaultRoute handler={Signup} /&gt;
    &lt;/Route&gt;
  </code></pre>
  
  <p>On the first page, when users type in the email address and click the button, I fire POST AJAX to save the email address on my backend DB (using Axios package) and when it's completed, I go to the "signed-up" route.</p>
  
  <pre><code>  handleSubmit() {
      var router = this.context.router;
      var email  = this.refs.email.getDOMNode().value;
      this.refs.email.getDOMNode().value = '';
  
      helpers.postSignupEmail(email).then((response) =&gt; {
        // then display the signed up page
        router.transitionTo("signed-up");
      });
    }
  </code></pre>
  
  <p>Now when I first type in the URL of my page</p>
  
  <pre><code>http://localhost:1338
  </code></pre>
  
  <p>Browsers (Chrome, FireFox, Safari), all seem to change the URL to</p>
  
  <pre><code>http://localhost:1338/#/
  </code></pre>
  
  <p>Fair enough. In FireFox, I type in an email and click the submit button, it all works well and takes me to </p>
  
  <pre><code>http://localhost:1338/#/signed-up
  </code></pre>
  
  <p>Now on Chrome, however, when I click on the submit, it doesn't change the route. In fact, on developer console, I see an error.</p>
  
  <p><img src="https://i.stack.imgur.com/eSlqT.png" alt="enter image description here"></p>
  
  <p>First, why was the "post" request cancelled? Second, when this happens, Chrome is un-responsive. So I refresh the page, then I get Chrome's "navy screen death"..</p>
  
  <p><img src="https://i.stack.imgur.com/hmhCW.png" alt="enter image description here"></p>
  
  <p>Now, funnily enough, if I change the initial URL to</p>
  
  <pre><code>http://localhost:1338/?#/
  </code></pre>
  
  <p>(inserting the question mark in front of hash), then things work fine on Chrome. So, it makes me wonder that it's something to do with my route paths or parameters.</p>
  
  <p>Any ideas?</p>