Using Redux DevTools with mobx-state-tree

ReduxDevTools-for-MobX-State-Tree.ts

import { createStore } from "redux";
import { onSnapshot } from "mobx-state-tree";

export default class ReduxDevTools {
  static logger(state = {}, action: { state: any; type: string }) {
    return action.state;
  }

  static init(state: any) {
    const store: any = createStore(
      ReduxDevTools.logger,
      (window as any).__REDUX_DEVTOOLS_EXTENSION__ &&
        (window as any).__REDUX_DEVTOOLS_EXTENSION__()
    );

    onSnapshot(state, snapshot => {
      store.dispatch({ type: "LOG", state: snapshot });
    });
  }
}

// use-case: ReduxDevTools.init(state) where state is an instance of mobx-state-tree model