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

*         WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *         See the License for the specific language governing permissions and
 *         limitations under the License.
 */

import React from 'react';
import {observer, PropTypes as MobxPropTypes} from 'mobx-react';
import PropTypes from 'prop-types';

import Autocomplete from '../../utils/autocomplete';

@observer
export default class TimeWindowPicker extends React.Component {
    static propTypes = {
        uiState: PropTypes.object.isRequired,
        options: MobxPropTypes.observableArray // eslint-disable-line react/require-default-props
    };

    render() {
        return (
            <div>
                
            </div>
        );
    }
}

{categoryModal()}
        
      
    );
  }
}

export default CategoryAdministration;

CategoryAdministration.propTypes = {
  /**
   * The authentication store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  authStore: MobXPropTypes.observableArray,

  /**
   * The category store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  categoryStore: MobXPropTypes.observableArray
};

{totalDurationColumnFormatter()}
            
        
    );
};

RelatedTracesRow.propTypes = {
    traceId: PropTypes.string.isRequired,
    serviceName: PropTypes.string.isRequired,
    operationName: PropTypes.string.isRequired,
    spanCount: PropTypes.number.isRequired,
    startTime: PropTypes.number.isRequired,
    rootError: PropTypes.bool.isRequired,
    services: MobxPropTypes.observableArray,
    duration: PropTypes.number.isRequired
};

RelatedTracesRow.defaultProps = {
    services: []
};

export default RelatedTracesRow;

authStore: MobXPropTypes.observableArray,

  /**
   * @type {ObservableArray} categoryStore - The injected category store
   */
  categoryStore: MobXPropTypes.observableArray,

  /**
   * @type {function} children - The passed children
   */
  children: PropTypes.node,

  /**
   * @type {ObservableArray} keyStore - The injected key store
   */
  keyStore: MobXPropTypes.observableArray,

  /**
   * @type {object} location - The location object injected by React Router
   */
  location: PropTypes.object,

  /**
   * @type {ObservableArray} userStore - The injected user store
   */
  userStore: MobXPropTypes.observableArray,

  /**
   * @type {ObservableArray} userStore - The injected user group store
   */
  userGroupStore: MobXPropTypes.observableArray,

export default KeyAdministration;

KeyAdministration.propTypes = {
  /**
   * The authentication store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  authStore: MobXPropTypes.observableArray,

  /**
   * The category store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  categoryStore: MobXPropTypes.observableArray,

  /**
   * The key store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  keyStore: MobXPropTypes.observableArray
};

UserAdministration.propTypes = {
  /**
   * The authority store injected by the MobX provider.
   *
   * @type {ObservableArray}
   * @since 0.11.0
   */
  authorityStore: MobXPropTypes.observableArray,

  /**
   * The authentication store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  authStore: MobXPropTypes.observableArray,

  /**
   * The user store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  userStore: MobXPropTypes.observableArray,

  /**
   * The usergroup store injected by the MobX provider.
   *
   * @type {ObservableArray}
   * @since 0.16.0
   */
  userGroupStore: MobXPropTypes.observableArray
};

}

Dashboard.propTypes = {
  /**
   * The event store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  eventStore: MobXPropTypes.observableArray,

  /**
   * The event store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  invocationHelper: MobXPropTypes.observableArray,

  /**
   * The event store injected by the MobX provider.
   *
   * @type {func}
   */
  toggleProfileModal: PropTypes.func,


  /**
   * The event store injected by the MobX provider.
   *
   * @type {bool}
   */
  openWizard: PropTypes.bool
};

export default Keys;

Keys.propTypes = {
  /**
   * The authentication store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  authStore: MobXPropTypes.observableArray,

  /**
   * The category store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  categoryStore: MobXPropTypes.observableArray,

  /**
   * The key store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  keyStore: MobXPropTypes.observableArray,

  /**
   * The user group store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  userGroupStore: MobXPropTypes.observableArray,

  /**

/**
   * Indicates if the key modal is in administration mode.
   */
  administrationMode: PropTypes.bool,

  /**
   * The category store injected by the MobX provider.
   *
   * @type {ObservableArray}
   */
  categoryStore: MobXPropTypes.observableArray,

  /**
   * The categories for the category tree select.
   */
  categories: MobXPropTypes.observableArray,

  /**
   * Indicates if the user modal is in creation mode.
   *
   * @type {boolean}
   */
  creationMode: PropTypes.bool,

  /**
   * The current processing status.
   *
   * @type {boolean}
   */
  loading: PropTypes.bool,

  /**

{
          repos.length > 0 ?
            repos.map((repo) =>
              )
          :
            
              Add repos using the form above or select a category.
            
        }
      
    
  
))

Table.propTypes = {
  repos: PropTypes.observableArray,
  removeRepo: React.PropTypes.func.isRequired,
  removeAllRepos: React.PropTypes.func.isRequired
}

export default Table