Dependency injection global store in child

[ko22009]

It is connected with issue: #1935

Is it good idea do this?

class RootStore {
    constructor() {
      this.userStore = new UserStore(this);
      this.authStore = new AuthStore(this);
    }
}  

class UserStore {
    constructor(store) {
      action(() => {
        this.init(store.authStore.token);
      })();
    }
    init(token) {
    // some piece of code
    }
}

Because if I call this.init(store.authStore.token) without wrapping action, I get error:
Observable *** being read outside a reactive context.

[iChenLei]

Try runInAction. https://mobx.js.org/api.html#runinaction

[ko22009]

I think it is the same solutions like async actions;

[codeBelt]

It might be better UserStore does not initialize itself. So something like this:

class RootStore {
  constructor() {
    this.userStore = new UserStore(this);
    this.authStore = new AuthStore(this);
  }

  init() {
    this.userStore.init();
    this.authStore.init();
  }
}

class UserStore {
  rootStore;

  constructor(store) {
    this.rootStore = store;

    makeAutoObservable(this);
  }

  init() {
    this.rootStore.authStore.token;
  }
}

[ko22009]

I think so.