How to update an entity?

[OnkelTem]

I have a model and an entity:

const productModel = types.model({
  id: types.identifier,
  name: types.string
})
type ProductIn = SnapshotIn<typeof productModel>

const product = productModel.create({
  id: '1',
  name: 'product1'
});

Now how can I update the entity in a manner of a form submit hook:

const onSubmit = (data: ProductIn) => {
  const {id, ...rest} = data;
  runInAction(() => {
    // If there was merge():
    this.selectedProduct?.merge(rest) 
   // Or if some mobxMerge() existed:
   mobxMerge(this.selectedProduct, rest)
  })
}

P.S. Btw, am I correct to use SnapshotIn for data coming from a form?

[OnkelTem]

It seems like a trivial Object.assign() does the job, however I haven't tested it much:

export const productModel = types
...
  .actions((self) => ({
...
    update(data: ProductIn) {
      const { id: _, ...rest } = data
      Object.assign(self, rest)
    },

[thegedge]

If you just have a bunch of properties you can use applySnapshot. I'm pretty sure it requires a fully valid snapshot though, so you may need to do something like this if you only have a partial set of properties coming from your form:

applySnapshot(this.selectedProduct, { ...getSnapshot(this.selectedProduct), ...rest });

[OnkelTem]

Thanks @thegedge I'll try this!

[OnkelTem]

Looks working.