How to use the mobx-react.PropTypes.observableObject function in mobx-react

>
          <menuitem value="">
            <em>None</em>
          </menuitem>
          {array.map(item =&gt; (
            <menuitem value="{item.value}">{item.name}</menuitem>
          ))}
        
      
    
  );
};

Tool.propTypes = {
  array: ReactPropTypes.arrayOf(ReactPropTypes.shape()).isRequired,
  store: PropTypes.observableObject.isRequired,
};

export default Tool;

showSizeChanger: true,
            showQuickJumper: true,
            showTotal: (totalNum, range) => `第${range[0]}-${range[1]}条 总数${totalNum}条`,
            onChange: this.handlePageChange,
            onShowSizeChange: this.handlePageSizeChange,
          }}
        />
        
      
    )
  }
}

List.wrappedComponent.propTypes = {
  data: ObservablePropTypes.observableArray.isRequired,
  filter: ObservablePropTypes.observableObject,
  pagination: ObservablePropTypes.observableObject.isRequired,
  categories: ObservablePropTypes.observableArray.isRequired,
  listLoading: PropTypes.bool.isRequired,
  removeProduct: PropTypes.func.isRequired,
}

List.propTypes = {
  history: PropTypes.object.isRequired,
  location: PropTypes.object.isRequired,
}

export default withRouter(List)

const { resource } = this.props;
    return (
      }
        searchBar={}
        edit={}
        store={resource}
      />
    );
  }
}

ResourcePage.wrappedComponent.propTypes = {
  resource: PropTypes.observableObject.isRequired,
};

export default withStyles(resourcePageStyle)(ResourcePage);

);
  }
}

LoginPage.propTypes = {
  classes: ReactPropTypes.shape().isRequired,
  history: ReactPropTypes.shape({
    push: ReactPropTypes.func,
  }).isRequired,
};

LoginPage.wrappedComponent.propTypes = {
  authorization: PropTypes.observableObject.isRequired,
  sign: PropTypes.observableObject.isRequired,
};

export default withStyles(loginPageStyle)(LoginPage);

import React, { Component } from "react";
import { inject, observer, PropTypes as MobxPropTypes } from "mobx-react";
import Editor from "qilin-components/editor";

@inject(["editor"])
@observer
class ContentEditable extends Component {
  static propTypes = {
    editor: MobxPropTypes.observableObject
  };

  editorDidChange = (editor, data, value) => {
    this.props.editor.changeContent(value);
  };

  render() {
    return (
      
    );
  }
}

);
  }
}

Layout.propTypes = {
  children: ReactPropTypes.element.isRequired,
  location: ReactPropTypes.shape({
    pathname: ReactPropTypes.string,
  }).isRequired,
  classes: ReactPropTypes.shape().isRequired,
};

Layout.wrappedComponent.propTypes = {
  authorization: PropTypes.observableObject.isRequired,
  configuration: PropTypes.observableObject.isRequired,
  notification: PropTypes.observableObject.isRequired,
};

export default withStyles(layoutStyle)(Layout);

import React, { Component } from "react";
import { inject, observer, PropTypes as MobxPropTypes } from "mobx-react";

@inject(["editor"])
@observer
class FileName extends Component {
  static propTypes = {
    editor: MobxPropTypes.observableObject
  };

  reveal = () => {
    if (this.props.editor.path) {
      require("opn")(this.props.editor.directory);
    }
  };

  render() {
    const { filename, saved } = this.props.editor;
    const saveIndicator = filename ? (saved ? "" : "•") : "";

    return (
      <p>
        <span>{`${filename || "Untitled"}`}</span>
        <span>{saveIndicator}</span></p>

<div>
          
        </div>
      
    )
  }
}

TodoItem.wrappedComponent.propTypes = {
  removeTodo: PropTypes.func.isRequired,
}

TodoItem.propTypes = {
  todo: ObservablePropTypes.observableObject.isRequired,
}

export default TodoItem

};

TableCard.defaultProps = {
  cardTitle: 'Title',
  cardDescription: 'This is comment',
  tableBody: (<div>),
  searchBar: (<div>),
};

TableCard.propTypes = {
  cardTitle: ReactPropTypes.string,
  cardDescription: ReactPropTypes.string,
  classes: ReactPropTypes.shape().isRequired,
  tableBody: ReactPropTypes.element,
  searchBar: ReactPropTypes.element,
  store: PropTypes.observableObject.isRequired,
};

export default withStyles(tableCardStyle)(TableCard);
</div></div>

showQuickJumper: true,
            showTotal: (totalNum, range) => `第${range[0]}-${range[1]}条 总数${totalNum}条`,
            onChange: this.handlePageChange,
            onShowSizeChange: this.handlePageSizeChange,
          }}
        />
        
      
    )
  }
}

List.wrappedComponent.propTypes = {
  data: ObservablePropTypes.observableArray.isRequired,
  filter: ObservablePropTypes.observableObject,
  pagination: ObservablePropTypes.observableObject.isRequired,
  categories: ObservablePropTypes.observableArray.isRequired,
  listLoading: PropTypes.bool.isRequired,
  removeProduct: PropTypes.func.isRequired,
}

List.propTypes = {
  history: PropTypes.object.isRequired,
  location: PropTypes.object.isRequired,
}

export default withRouter(List)