Aren't reactions batched?

[gonzobard777]

Consider the following example:

import { makeObservable, computed, observable, reaction } from 'mobx';

const animal = {
  name: 'Tom',
  type: 'cat',

  get full() {
    return animal.name + ' ' + animal.type;
  },
};

makeObservable(animal, {
  name: observable,
  type: observable,
  full: computed,
});

reaction(
  () => animal.full,
  (value, prev) => console.log(`change: "${value}", prev "${prev}"`)
);


animal.name = 'Jerry';
animal.type = 'mouse';
console.log(`computed:`, animal.full);

result is:

change: "Jerry cat", prev "Tom cat"
change: "Jerry mouse", prev "Jerry cat"
computed: Jerry mouse

Can you please tell me what I should do so that exactly the same batching is performed for reaction as for computed?

[urugator]

runInAction(() => {
  animal.name = 'Jerry';
  animal.type = 'mouse';
})

https://mobx.js.org/actions.html