mobx deep observe

deepObserve.ts

import * as mobx from 'mobx';

export function deepObserve(onChange: () => void, value: any) {
  if (value && typeof value === 'object') {
    mobx.observe(value, (change: any) => {
      onChange();
      if (change.added) {
        change.added.forEach(deepObserve.bind(null, onChange));
      } else if (change.newValue) {
        deepObserve(onChange, change.newValue);
      }
    });
    if (Array.isArray(value) || mobx.isObservableArray(value)) {
      value.forEach(deepObserve.bind(null, onChange));
    } else {
      Object.keys(value).map(x => value[x]).forEach(deepObserve.bind(null, onChange));
    }
  }
}