Ember service is lost on reload
<p>I'm using Ember.Service as a long-lived ember object cause I need it to be available in different parts of my application. </p>

<pre><code>import Ember from 'ember';

export default Ember.Service.extend({
    user:null,
    updateActiveUser(user){
        this.set('user',user);
    },
    getActiveUser(){
        const user=this.get('user');
        if(user){
            return user;
        }else{
            return null;
        }   
    }
});
</code></pre>

<p>On my component I'm asking for this user in this way:
import Ember from 'ember';</p>

<pre><code>export default Ember.Component.extend({
activeUser:Ember.inject.service('active-user'),
list: [],
selectedUser:null,
didReceiveAttrs() {
    this._super();
    this.set('list',this.get('model'));
    const active=this.get('activeUser').getActiveUser();
    if(active){
        this.set('selectedUser',active);
    }else{
        this.set('selectedUser',this.get('model').objectAt(0));
    }
},
actions:{
    selectUser(user){
        this.set('selectedUser',user);
        this.get('activeUser').updateActiveUser(user);

    }
}
});
</code></pre>

<p>My issue is that after I select a user and then I reload the page is not saving the last user selected and its showing the default user.</p>