Updates to observables in `firstUpdated` not working

I haven’t had a chance to dig into this too much, but I’m noticing that setting an observable that the render method uses in firstUpdated doesn’t trigger a rerender. Setting a LitElement property does, as expected. Here’s a simple example of what I mean:

// Doesn't work - render isn't called again
class Component extends MobxLitElement {
  @observable test = 1;

  firstUpdated() {
    this.test = 2;
  }

  render() {
    return html`<h1>${this.test}</h1>`;
  }
}

// Works as expected
class Component extends MobxLitElement {
  @property({type: Number}) test = 1;

  firstUpdated() {
    this.test = 2;
  }

  render() {
    return html`<h1>${this.test}</h1>`;
  }
}

I’ll try poking around in the source a bit more to learn a bit about what’s going on under the hood, but I wanted to open the issue first.

[cannoneyed]

Amazing! Thanks so much, might be the fastest fix I’ve ever seen!

[benjamind]

@cannoneyed this fix has been published under 0.0.4.