Как добавить Mobx обозреватель в LitElement

Question

У меня есть следующий компонент, мой компонент правильно отображает сообщение от appState, но когда я изменяю значение appState, компонент не обновляется.Я знаю, что мне нужно добавить @observer, но как добавить его в LitElement?

import { LitElement, html } from 'lit-element';
import { observable } from "mobx";

var appState = observable({
  message: 'World'
});

class MyElement extends LitElement {

  handleClick() {
    appState.message = 'All';
  }

  render(){
    return html`
      <p>Hello, ${appState.message}</p>
      <button @click=${this.handleClick}>Click me</button>
    `;
  }
}

customElements.define('my-element', MyElement);