MST & TS

mst.ts

import {types} from 'mobx-state-tree';

export const TodoModel = types.model({
  title: types.string,
  age: types.number
});

export const Todo = TodoModel.actions((self: ITodo) => ({
  setTitle: (title: string) => {
    self.title = title;
  }
}));

type TodoModelType = typeof TodoModel.Type;
interface ITodo extends TodoModelType {}

const StoreModel = types.model('Store', {
  todos: types.optional(types.array(Todo), [])
});

export const Store = StoreModel.actions((self: StoreModelType) => ({
  addTodo: name => {
    self.todos.push;
  },
  removeTodo: id => {
    self.todos.filter(todo => todo.age !== id);
  }
}));

export type StoreModelType = typeof StoreModel.Type;
export type IStoreType = typeof Store.Type;
export interface IStore extends IStoreType {}