How to use the react.PropTypes.object function in react

}),
}


class MailMergeParticipantsTextField extends Component {
  static displayName = 'MailMergeParticipantsTextField'

  static containerRequired = false

  static propTypes = {
    onAdd: PropTypes.func,
    onRemove: PropTypes.func,
    field: PropTypes.string,
    session: PropTypes.object,
    className: PropTypes.string,
    sessionState: PropTypes.object,
    draftClientId: PropTypes.string,
    mailMergeSession: PropTypes.object,
  }

  static defaultProps = {
    className: '',
  }

  constructor(props) {
    super(props)
    this._tokenWasMovedBetweenFields = false
  }

  // This is called by the TokenizingTextField when a token is dragged and dropped
  // between fields
  onAddToken = (...args) => {

import actionTypes from './actions';
import {
    NavBar, MenuPC, MenuPhoneHeader, MenuPhoneFooter, LeftImage, MusicPlayer
} from './components';

import './theme/css/sky.less';
import './theme/css/main.less';


@connect(
    (state) => ({...state}) // mapStateToProps
)
export default class APP extends Component {
    static propTypes = {
        params: PropTypes.object,
        content: PropTypes.object,
        component: PropTypes.func,
        dispatch: PropTypes.func,
        articleList: PropTypes.object,
        theme: PropTypes.object,
        headInfo: PropTypes.object,
        music: PropTypes.object
    };

    static defaultProps = {};

    changeThemeToDefault() {
        const {dispatch, theme} = this.props;
        if (!theme.get('current').equals(theme.get('default'))) {
            dispatch({type: actionTypes.change.theme.default});
        }
    }

import React, {Component, PropTypes} from 'react';
import {connect} from 'react-redux';
import Title from '../track/Title';
import Artists from '../track/Artists';
import classes from './playerStatus.css';

class SpotifyPlayerStatus extends Component {
	static propTypes = {
		player: PropTypes.object
	};

	render() {
		const {player} = this.props;
		// no player state so return nothing
		if (!player || !player.item || !player.is_playing) {
			return null;
		}

		const {images} = player.item.album;
		const artwork = images ? `url(${images[images.length > 1 ? 1 : 0].url})` : 'none';

		return (
			<div>
				<div>
					<div></div></div></div>

const ProjectList = (({ projects }) => {

  const renderProject = (project, idx) => {
    return ()
  }

  return (
    <div>
      
      { projects.map(renderProject) }
    </div>
  )
})

ProjectList.propTypes = {
  projects: PropTypes.arrayOf(PropTypes.object).isRequired
}

export default ProjectList

static displayName = getDisplayName(ChartComponent);

    static propTypes = {
      syncId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
      width: PropTypes.number,
      height: PropTypes.number,
      data: PropTypes.arrayOf(PropTypes.object),
      layout: PropTypes.oneOf(['horizontal', 'vertical']),
      stackOffset: PropTypes.oneOf(['sign', 'expand', 'none', 'wiggle', 'silhouette']),
      margin: PropTypes.shape({
        top: PropTypes.number,
        right: PropTypes.number,
        bottom: PropTypes.number,
        left: PropTypes.number,
      }),
      style: PropTypes.object,
      className: PropTypes.string,
      children: PropTypes.oneOfType([
        PropTypes.arrayOf(PropTypes.node),
        PropTypes.node,
      ]),
    };

    static defaultProps = {
      layout: 'horizontal',
      stackOffset: 'none',
      margin: { top: 5, right: 5, bottom: 5, left: 5 },
    };

    constructor(props) {
      super(props);
      this.state = this.createDefaultState(this.props);

import JournalPage from './JournalPage';
import JournalPages from './JournalPages';
import JournalPeople from './JournalPeople';
import JournalSubmits from './JournalSubmits';
import LayoutRenderer from 'components/LayoutEditor/LayoutRenderer';
import Link from 'components/Link/Link';
import NoMatch from 'containers/NoMatch/NoMatch';
import Radium from 'radium';
import { connect } from 'react-redux';
import { getJournalData } from './actions';

let styles;

export const Journal = React.createClass({
	propTypes: {
		accountData: PropTypes.object,
		journalData: PropTypes.object,
		params: PropTypes.object,
		location: PropTypes.object,
		dispatch: PropTypes.func,
	},

	getInitialState: function() {
		return {
			logo: undefined,
			headerColor: '',
			headerMode: '',
			headerAlign: '',
			headerImage: '',
		};
	},

);
  }
}

OrgContainer.propTypes = {
  params: PropTypes.object.isRequired
};

export default OrgContainer;

) : ''
      }
      <hr>
      
      <hr>
      
      <hr>
      
    
  )
}

PastEpisodeStuff.propTypes = {
  episodeData: PropTypes.object,
  sponsors: PropTypes.object,
}

function FutureEpisodeStuff({episodeData, sponsors}) {
  const {styles} = FutureEpisodeStuff
  const {youTubeId, calendarUrl} = episodeData
  return (
    <div>
      {
        youTubeId ? (
          <div>
            <hr>
            <div>
              </div></div></div>

import React, {Component, PropTypes} from 'react';
import {Router} from 'react-router';
import routes from '../routes';

export default class Client extends Component {
  static propTypes = {
    history: PropTypes.object.isRequired,
  }

  render() {
    return (
      
        {routes}
      
    );
  }
}

import {defaultColorTheme} from '../../config';
import mapActions from '../../actions/MapActions';
import MapStore from '../../stores/MapStore';

import React, {
  Component,
  PropTypes
} from 'react';

let layersCategories = {};

export default class InfoWindow extends Component {
  static contextTypes = {
    language: PropTypes.string.isRequired,
    map: PropTypes.object.isRequired,
    settings: PropTypes.object.isRequired
  };

  constructor(props) {
    super(props);
    this.state = {
      activeSelectedFeature: '',
      prevButtonHover: false,
      nextButtonHover: false,
      ...MapStore.getState()
    };
  }
  
  componentDidMount() {
    MapStore.listen(this.storeDidUpdate);
  }