MenuItemLink doesn't receive active class about react-router-bootstrap HOT 8 CLOSED

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

    var ReactBootstrap = require('react-bootstrap');
    var MyLink = ReactRouterBootstrap.ButtonLink;


    var NavBar = React.createClass({
      render: function(){
        return (
          <div>
          <nav id="navbar">
          <ul id="nav-pages">
          <MyLink to="/">Home</MyLink>
          <MyLink to="/about">About</MyLink>
          <MyLink to="/contact">Contact</MyLink>
          </ul>
          </nav>
          <RouteHandler />
          </div>
        );
      }
    });

    var home = React.createClass({ render: function() { return (<div>Hi</div>); } });

    var App = NavBar;

    var routes = (
      <Route handler={App} path="/">
        <Route name="/" path="/" handler={home} />
      </Route>
    );

    Router.run(routes, function (Handler) {
      React.render(<Handler/>, document.body);
    });