error when importing decorator in vitejs

[beebole]

In a js file I try to import the following:

import { observable, action, decorate } from 'mobx';

No problem to import observable and action.
But decorate causes the following error:
Uncaught SyntaxError: The requested module '/node_modules/.vite/mobx.js?v=f87f20c9' does not provide an export named 'decorate'

Anyone did run through a similar issue ?

I use the latest vitejs and mobx to develop.
And try to make this example run: https://stackblitz.com/edit/lit-mobx-demo?file=index.js

[kubk]

The decorate API has been removed in MobX 6. Use makeObservable/makeAutoObservable as a replacement.

https://github.com/mobxjs/mobx/blob/main/packages/mobx/CHANGELOG.md#breaking-changes

[beebole]

Thank you for the fast response.

If that helps someone, here is a working version of the stackblitz.com example:
https://gist.github.com/beebole/95d440dca39f831817d90f73904ade8b

[esempe]

awesome advice, what i should do if i have legacy project with decorators, just replace and it all?

sounds like an unfunny joke