React & Mobx: отрисовывать (через render()) @observable данные, которые будут получены позже отрисовки указанного компонента

Подскажите как решить следующую проблему:

Есть компонент, который выводит некоторый счётчик

@observer class MyComponent extends React.Component {    
    render() {

        const data: MyData = new MyData();    

        return <div>{data['counter']}</div>;
    }
}

Счётчик хранится в отслеживаемом (@observable) синглтоне:

export class MyData extends ISingleton
{
    @observable data: any = {}
}

В какой-то момент счётчик (когда MyComponent уже создан) устанавливается счетчик

let data: MyData = new MyData(); 
data['counter'] = 123;

Но перерисовки компонента MyComponent не происходит, хотя вроде компонент отслеживает изменение переменной (через @observer и @observable)

Подскажите где ошибка и как ее можно исправить