How to use the react-router.RouteHandler function in react-router

// (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP

var React = require('react');
var RouteHandler = require('react-router').RouteHandler;
var Split = require('grommet/components/Split');
var Activity = require('grommet/components/index/Activity');
var IndexQuery = require('grommet/utils/IndexQuery');
var Title = require('grommet/components/Title');
var Logo = require('./MediumLogo');

var MediumActivity = React.createClass({

  contextTypes: {
    router: React.PropTypes.func.isRequired
  },

  getInitialState: function () {
    return {query: null, selection: null};
  },

// (C) Copyright 2014-2015 Hewlett-Packard Development Company, L.P.

var React = require('react');
var RouteHandler = require('react-router').RouteHandler;
var Split = require('grommet/components/Split');
var Activity = require('grommet/components/index/Activity');
var IndexQuery = require('grommet/utils/IndexQuery');
var Title = require('grommet/components/Title');
var Logo = require('./MediumLogo');

var MediumActivity = React.createClass({

  contextTypes: {
    router: React.PropTypes.func.isRequired
  },

  getInitialState: function () {
    return {query: null, selection: null};
  },

var React               =       require('react');
var ConfigCom			=	 	require('./config/ConfigComp');
var jwt                 =       require('jwt-simple');

var Router = require('react-router'); // or var Router = ReactRouter; in browsers
var Route = Router.Route, DefaultRoute = Router.DefaultRoute, Link=Router.Link, RouteHandler = Router.RouteHandler;

var ReactBootstrap = require('react-bootstrap');
var Nav = ReactBootstrap.Nav;

var ReactRouterBootstrap = require('react-router-bootstrap'),
  	NavItemLink = ReactRouterBootstrap.NavItemLink, ButtonLink = ReactRouterBootstrap.ButtonLink;

var Header = require('./components/Header');
var Footer = require('./components/Footer');

var Dashboard           = require('./components/Dashboard/Main');
var Project             = require('./components/project/Main');
var Tasks 		        = require('./components/task/Main');
var User 		        = require('./components/user/Main');
var Client 		        = require('./components/client/Main');
var TimeSheetDayView    = require('./components/timesheetdayview/Main');

'use strict';

const React = require('react');
const mixin = require('react-mixin');
const iniquest = require('iniquest');
const Router = require('react-router')
const RouteHandler = Router.RouteHandler;
const Link = Router.Link;

class App extends React.Component {
  render() {
    return (
      <div>
        <ul>
          <li>Home</li>
          <li>Ip</li>
          <li>Markdown</li>
        </ul>

        
      </div>
    );
  }

'use strict';

var React = require('react');
var Router = require('react-router');
var RouteHandler = Router.RouteHandler;


var ArticleStore = require('../../stores/ArticleStore');
var ArticleViewActionCreators = require('../../actions/ArticleViewActionCreators');

var Say = require('../Say.jsx');
var Tag = require('./TagItem.jsx');

var Tags = React.createClass({
    mixins: [Router.State],

    getInitialState: function () {
        return ({
            tags: ArticleStore.getTags()
        });
    },

var React = require('react');

var Router = require('react-router')
    , RouteHandler = Router.RouteHandler
    , Route = Router.Route;

var ReactBootstrap = require('react-bootstrap')
    , Nav = ReactBootstrap.Nav
    , Navbar = ReactBootstrap.Navbar
    , NavItem = ReactBootstrap.NavItem
    , ButtonToolbar = ReactBootstrap.ButtonToolbar
    , Button = ReactBootstrap.Button
    , DropdownButton = ReactBootstrap.DropdownButton
    , MenuItem = ReactBootstrap.MenuItem
    , Jumbotron = ReactBootstrap.Jumbotron
    , Row = ReactBootstrap.Row
    , Col = ReactBootstrap.Col
    , Grid = ReactBootstrap.Grid
    ;

/**
 * @jsx React.DOM
 */

var React = require('react');
var DateRangePicker = require('../components/DateRangePicker');
var Moment = require('moment');
var Q = require('q');
var _ = require('lodash');
var Router = require('react-router');
var RouteHandler = Router.RouteHandler;
var Sidebar = require('../components/Sidebar');
var FilterableMenu = require('../components/FilterableMenu');
/** const **/
var DATE_FORMAT = 'YYYY-MM-DD';

var Reports = React.createClass({
    mixins: [Router.State, Router.Navigation],
    render: function () {
        var defaultMenuIndex = 0;
        var menuItems = [{
            text: 'Overview',
            key: 'overview',
            path: '/reports/overview',
            icon: 'fa fa-area-chart'
        }, {
            text: 'Today',

/**
 * Created by steve on 12/04/15.
 */
'use strict';

var React = require('react');
var Router = require('react-router')
    , RouteHandler = Router.RouteHandler
    , Route = Router.Route;

var ReactBootstrap = require('react-bootstrap');
var Button = require('react-bootstrap').Button;

var ReactRouterBootstrap = require('react-router-bootstrap')
    , ButtonLink = ReactRouterBootstrap.ButtonLink

var Product = require('./Product');
var Ancestor = require('./Ancestor');

function getProduct(product, index) {
    return (
        
    );
}

/**
 * @jsx React.DOM
 */

var React = require('react');
var Moment = require('moment');
var Router = require('react-router');
var RouteHandler = Router.RouteHandler;
var Link = Router.Link;
var Q = require('q');
var _ = require('lodash');
var Ltt = window.Ltt;
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
var Mt = window.Mousetrap;
var RB = require('react-bootstrap');
var ButtonToolbar = RB.ButtonToolbar;
var Button = RB.Button;
var ButtonGroup = RB.ButtonGroup;
var OverlayTrigger = RB.OverlayTrigger;
var Tooltip = RB.Tooltip;
var Well = RB.Well;
var extend = require('extend');
var swal = require('sweetalert');
var mui = require('material-ui');