React Mobx component not update after store change

help
1

Hi Meteorite,

I would like create global Notification component in my React App. I’ve add mobx-react for create a Notification store :

class NotificationStore {
  @observable message = '';
  @observable isActive = false;
}

const store = new NotificationStore;

export default store;

And my Component, added in my Layout :

@observer
class NotificationBox extends Component {

  render() {
    return (
      <h1>{this.props.store.message}</h1>
    );
  }
}

export { NotificationBox };

My Layout :

<NotificationBox store={store} />

And my code for update my store (send form, for example) :

<a onClick={this.update}>Update my store</a>

update() {
  store.message = 'My new message !';
  store.isActive = true;
}

This example update my store, but my Notification component view is not update. I don’t know why :frowning:

Anyone have idea ?

Thank you community !