when observable object in mobx v5 by function, how to computed structural?

[youtiao66]

when observable object in mobx v5 by function, is this computed structural correct?

THIS IS QUESTION in code

DO NOT USE decorator, DO NOT USE class, ONLY USE function observable object directly

const { observable, computed, reaction, toJS } = require('../../vendors/mobx')

const store = observable({
  list: [
    {
      name: 'Tom',
      date: '2022-04-01',
      children: [
        {
          name: 'TomChild1',
          date: '2022-04-02'
        }
      ]
    },
    {
      name: 'Jerry',
      date: '2022-04-01',
      children: [
        {
          name: 'JerryChild1',
          date: '2022-04-02'
        }
      ]
    }
  ],
  get outerList1() {
    // Object.is
    return this.list
  },
  get outerList2() {
    // deepEqual
    // THIS IS QUESTION =======================> Is this correct ?
    return computed(() => this.list, { compareStructural: true }).get()
  }
})

// Page, onLoad and onShow is Wechat Miniprogram method.
// onShow => when come back this page, trigger onShow hook ( page hide => page show )
Page({
  onLoad() {
    reaction(
      () => toJS(store.outerList1, {
        recurseEverything: true
      }),
      val => {
        console.log('outerList1', val)
      },
      {
        fireImmediately: true
      }
    )

    reaction(
      () => toJS(store.outerList2, {
        recurseEverything: true
      }),
      val => {
        console.log('outerList2 with computed', val)
      },
      {
        fireImmediately: true
      }
    )
  },
  onShow() {
    console.log('onShow', new Date())
    store.list = [
      {
        name: 'Tom',
        date: '2022-04-01',
        children: [
          {
            name: 'TomChild1',
            date: '2022-04-02'
          }
        ]
      },
      {
        name: 'Jerry',
        date: '2022-04-01',
        children: [
          {
            name: 'JerryChild1',
            date: '2022-04-02'
          }
        ]
      }
    ]
  }
})

[urugator]

const store = observable({
  get outerList2() {
    return this.list;
  }
}, { 
 outerList2: computed.struct 
})

or

const store = observable({
  _outerList2: computed(() => store.list, { equals: comparer.structural }),
  get outerList2() {
    return this._outerList2.get();   	
  }
})

[youtiao66]

thank you so much! The FIRST method is recommended. ( by second params called decorators )