reactjs - React Mobx Firebase.onAuthStateChanged listener -

i have put auth.onauthstatechange().then(user => ... inside componentdidmount() of top level react component.

then remove listener inside of componentwillunmount()

my question how mobx-ify this? idea this:

class store {   @observable user = null   @action killfirebaselistener = this.removelistener()   constructor() {     this.removelistener = firebase.auth().onauthstatechange(user => {       if (user) this.user = user     })   } } 

i call killfirebaselistener action componentwillunmount of top level container-component... , use user observable necessary. understanding when user observable updates upon successful login or logout, listeners update , trigger re-render accordingly... wrong this?

does have experience sort of "user listener" mobx? have pointers or maybe resources can pass along.

ok. looks idea works fine. added

class store {   @observable user = null   constructor() {     firebase.auth().onauthstatechanged(user => {       if (user) {         this.user = user       }     })   } } 

and listener works fine / updates without issue.