How to use react-router as a component (when server rendering only support rendering of components)

app-router.jsx

var ReactRouter = require('react-router');

var AppRouter = React.createClass({
  propTypes: {
    originalUrl: React.PropTypes.string
  },
  
  getInitialState: function() {
    return { output: (<span>Routing Error</span>) };
  },
  
  componentWillMount: function() {
    var _this = this;
    
    // check document to render differently on server & client
    if (typeof(document) == 'object') {
      url = ReactRouter.HistoryLocation
    } else {
      url = this.props.originalUrl
    }
  
    ReactRouter.run(routes, url, function(Handler) {
      _this.setState({ output: <Handler /> });
    });
  },

  render: function() {
    return this.state.output;
  }
});