Настройка MobX и React (ловушки React)

Question

Я просматривал документацию по MobX, и мне не ясно, как настроить его, исходя из Redux, я пробовал Youtube, но большинство из них устарели или плохие примеры.

Теперь у меня есть нашел хороший кусок до c здесь https://mobx-react.js.org/recipes-context#multiple -global-stores

В настоящее время у меня есть

import { observable, action } from 'mobx';

class ShowStore {
    @observable 
    loadingState = false;

    @action 
    setLoadingState(value: boolean) {
        this.loadingState = value;
    }
}

export default new ShowStore();

Простое действие магазина только для тестового запуска.

А теперь я не понимаю, как соединить mobx с реагировать, чтобы стать везде для повторного использования? Понятно, как использовать его внутри других файлов, но мне нужна помощь, чтобы подключить его ко всему проекту. Как это делается в MobX? В Redux вы настраиваете свои магазины, подключаете его через индекс и используете в других файлах.

Я видел, как некоторые люди создавали rootStore? Это хорошее решение?

Неважно, я понял это. Я просто голоден.