Получение примитивных значений из mobx, наблюдаемых в reactjs

Question

У меня есть наблюдаемое хранилище, которое базируется через реквизиты для компонентов, которым оно необходимо.

При ведении журнала консоли из компонентов отображается хранилище, как и ожидалось, но только если я придерживаюсь всего хранилища. Как только я начинаю цепляться в него, я становлюсь неопределенным.

Базовое хранилище

export let TutorStore = observable({
  Tutor: {},
  Queue: [],
  QLength: null
});

Регистрация компонентов

checkBtn = () => {
      console.log(this.props.tutorStore);
    };

Результат TutorStore в консоли, как и ожидалось

Все правильные tutorStore объекты есть, с правильными данными, как и ожидалось. Но если я попытаюсь создать цепочку в объект, к нему не будут присоединены значения, которые будут вести себя не так, как ожидалось.

checkBtn = () => {
      console.log(this.props.tutorStore.Tutor);
    };

Результат TutorStore.Tutor нет значений

I Я пытался возиться с методом Mobx JS, но в лучшем случае он кажется ненадежным. Рассматривая просто присвоение соответствующего объекта состоянию компонентов, но это противоречит цели наличия хранилища.

Данные есть, как мне получить к ним доступ?