title: User loading after authentication with ember simple auth
body: <p>I use ember simple auth to authenticate my users.
  It workls perfectly fine except when the user just logged in.</p>
  
  <p>I have an helper that ask for the current user :</p>
  
  <pre class="lang-js prettyprint-override"><code>import Helper from '@ember/component/helper';
  import { inject as service } from '@ember/service';
  
  export default Helper.extend({
    currentUser: service('current-user'),
    compute([feature,currentUser]) {
      let role = currentUser.get('user.role')
  </code></pre>
  
  <p>Helper is used in a template embedded in a template in application.hbs</p>
  
  <pre><code>{{#if (permission-for "users" currentUser)}}
    &lt;li&gt;{{#link-to 'users'}}&lt;i class="fa fa-user"&gt;&lt;/i&gt; &lt;span&gt;Clients&lt;/span&gt;{{/link-to}}&lt;/li&gt;
    {{/if}}
  </code></pre>
  
  <p>The current user service is a duplicate of this one from the doc : <a href="https://github.com/simplabs/ember-simple-auth/blob/master/guides/managing-current-user.md#loading-the-user-with-its-id" rel="nofollow noreferrer">https://github.com/simplabs/ember-simple-auth/blob/master/guides/managing-current-user.md#loading-the-user-with-its-id</a></p>
  
  <p>And my application.js is also using the code from the same guide.</p>
  
  <p>From what I tried, the <code>sessionAuthenticated</code> start to run, and during <code>await this._loadCurrentUser();</code> the helper is executed, and it finish to run <code>sessionAuthenticated</code></p>
  
  <p>What happen is that the user attribute I want is undefined and it make it impossible to display interface elements according to the role of the User.</p>
  
  <p>How can I fix this problem?</p>
  
  <p>Edit for related question :How does ember simple auth is supposed to be used in template to determine if User is supposed to see some part of the interface or not ? Like for example menu choices.</p>