@action @observable not work in @observer Class Component

[lgl017temp]

Intended outcome:

comp1 color will change to green
comp2 click2 will not warning

Actual outcome:

comp1 color not change until forceUpdate
comp2 click2 warning not in a action

How to reproduce the issue:

demo

Versions

"mobx": "^6.12.0",
"mobx-react": "9.1.0",
"react": "18.2.0",
"react-dom": "18.2.0"

[mweststrate]

Stupid question maybe, but how can I preview the app? There used to be a preview to the side in codesandbox as far as I remember, but I don't see it:

[mweststrate]

In general this sounds like a transpilation setup issue (e.g. using loose instead of strict class field transpilation), but since the sandbox doesn't expose any configuration it is hard to tell.

[lgl017temp]

Sorry, I never realized it's broken, demo updated now, run dev to preview
I just use Vite + React + TS template and add tsDecorators in vite.config.ts

[lgl017temp]

Oh, I realized the class with @observer also need makeObservable(this)
Is it better to show this in the decorator documentation?