Простой state manager для простой работы

class LocalState {
    @observable counter = 0;
    @observable title = 'title';

    incr = () => {
        this.counter++;
    }

    handleTitleChange = (e) => {
        this.title = e.target.value;
    }
}

class GlobalState {
    @observable counter = 0;
    @observable title = 'global title';

    incr = () => {
        this.counter++;
    }

    handleTitleChange = (e) => {
        this.title = e.target.value;
    }
}

const globalState = new GlobalState();

export const App = observer(() => {
    const [ state ] = useState(() => new LocalState());

    return (
        <div>
            <h1>{state.title}</h1>
            <h2>{globalState.title}</h2>

            <div>Local Counter: {state.counter}</div>
            <div>Global Counter: {globalState.counter}</div>

            <div>
                <button onClick={state.incr}>Local incr</button>
                <button onClick={globalState.incr}>Global incr</button>
            </div>

            <div>
                <input value={state.title} onChange={state.handleTitleChange} />
                <input value={globalState.title} onChange={globalState.handleTitleChange} />
            </div>
        </div>
    );
});

автор предложил достаточно крутое решение, чтобы избавить redux от бойлерплейта

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

В mobx же для сторов используются классы для того чтобы сделать их поля observable, так как это классы, то для их использования необходимо создавать инстансы сторов, как только вы начинаете работать с классами и инстансами у вас возникает вопрос правильной последовательности создания этих инстансов и всякие dependency injection и тп штуки.