title: Uncaught (in promise)
body: <p>I know the problem is usual. I'm using es6 promises, and I have multiple layers.
  On runtime, when I don't catch a promise, I have <code>Uncaught (in promise)</code> in my console. But the fact is that I do catch it lower in my code.</p>
  
  <p>Fast simplified example :</p>
  
  <p>LoginApi.js</p>
  
  <pre><code>var loginDaoCall = loginDao.login(username, password);
  
  loginDaoCall
      .then(function (res) {
          store.dispatch(loginSuccess());
          log.log("[loginApi.login] END");
      })
      .catch(function (err) {
          store.dispatch(loginFail());
          errorUtils.dispatchErrorWithTimeout(errorLogin);
          log.log(err);
      });
  
  return loginDaoCall;
  </code></pre>
  
  <p>loginContainer.js  </p>
  
  <pre><code>loginApi.login(user, password).then(() =&gt; {
      // Change here instead of in render so the user can go back to login page
      this.props.history.push(baseUrlRouter + "test");
  }); // &lt;- Error here cause I don't CATCH the promise, but I do catch it in my loginapi.js
  </code></pre>
  
  <p>I know that I could catch doing nothing, but eh. I could also do the history push thing in my API layer, but it is not its responsibility.</p>
  
  <p>How can I avoid the error in my console? Is there a way? I'm even thinking about leaving it like this.</p>