diff --git a/examples/with-mobx-keystone-typescript/components/Clock.tsx b/examples/with-mobx-keystone-typescript/components/Clock.tsx index 5b2ccb69b0cf654..08191459605dc92 100644 --- a/examples/with-mobx-keystone-typescript/components/Clock.tsx +++ b/examples/with-mobx-keystone-typescript/components/Clock.tsx @@ -16,9 +16,7 @@ const Clock: FC = props => { font: '50px menlo, monaco, monospace', padding: '15px', } - return ( -
{format(new Date(props.lastUpdate as number))}
- ) + return
{format(props.lastUpdate)}
} export { Clock } diff --git a/examples/with-mobx-keystone-typescript/package.json b/examples/with-mobx-keystone-typescript/package.json index b481e59384131e2..b90de6fadc25baa 100644 --- a/examples/with-mobx-keystone-typescript/package.json +++ b/examples/with-mobx-keystone-typescript/package.json @@ -8,7 +8,7 @@ }, "dependencies": { "mobx": "^5.15.1", - "mobx-keystone": "^0.30.0", + "mobx-keystone": "^0.41.0", "mobx-react-lite": "^1.5.2", "next": "latest", "react": "^16.12.0", diff --git a/examples/with-mobx-keystone-typescript/store/root.ts b/examples/with-mobx-keystone-typescript/store/root.ts index a9da845051f62b4..72e142dae6ce3c2 100644 --- a/examples/with-mobx-keystone-typescript/store/root.ts +++ b/examples/with-mobx-keystone-typescript/store/root.ts @@ -1,16 +1,19 @@ -import { Model, model, prop, modelAction, timestampAsDate } from 'mobx-keystone' +import { + Model, + model, + prop, + modelAction, + prop_dateTimestamp, +} from 'mobx-keystone' @model('store/root') class RootStore extends Model({ foo: prop(0), - lastUpdate: prop(new Date().getTime()), + lastUpdate: prop_dateTimestamp(() => new Date()), light: prop(false), }) { timer!: ReturnType - @timestampAsDate('lastUpdate') - lastUpdateDate!: Date - @modelAction start() { this.timer = setInterval(() => { @@ -19,7 +22,7 @@ class RootStore extends Model({ } @modelAction update() { - this.lastUpdate = Date.now() + this.lastUpdate = new Date() this.light = true }