title: Error: the transition has been superseded by a different transition
body: <p>I am get the error, but only sometimes:</p>
  
  <pre><code>The transition has been superseded by a different transition
  </code></pre>
  
  <p>I am using <code>angular V1.6.9</code> and <code>ui-router V1.0.16</code></p>
  
  <p>Here is my code:</p>
  
  <pre><code>var ws = new websocket("ws:/*********")
  ws.onmessage = function(message)
  {
    if(message)
    {
      if(message.type=="weather")
      {
        $state.go("Index.weather",{weatherObj:message});
      }
      if(message.type=="temperature")
      {
        $state.go("Index.temperature",{tempObj:message});
      }
      if(message.type=="humidity")
      {
        $state.go("Index.humidity",{humObj:message});
      }
      if(message.type=="rain")
      {
        $state.go("Index.rain",{rainObj:message});
      }
    }
  }
  </code></pre>