title: ReactJS Server Side rendering click event won't fire
body: <p>I have this code which is compiled server side with node-jsx but click events do not fire. Being novice I can't figure out what I missed</p>
  
  <pre><code>/** @jsx React.DOM */
  
  var React = require('react/addons')
  var mui = require('material-ui');
  var ThemeManager = new mui.Styles.ThemeManager();
  var injectTapEventPlugin = require("react-tap-event-plugin");
  
  var UnyDentApp = React.createClass({
  
      childContextTypes: {
      muiTheme: React.PropTypes.object
        },
  
      getChildContext: function() {
          return {
            muiTheme: ThemeManager.getCurrentTheme()
          };
        },
  
      componentDidMount: function () {
  
        },
  
      render: function () {
          var menuItems = [
            { route: 'home', text: 'Home' },
            { route: 'about', text: 'About' },
          ];
  
          return (
            &lt;div id="uny-dent"&gt;
              &lt;mui.LeftNav
                ref='leftNav'
                menuItems={menuItems}
                docked={false} /&gt;
              &lt;mui.AppBar
                  title="UnyDent" onMenuIconButtonTouchTap={ this._handleClick }/&gt;
            &lt;/div&gt;
          )
        },
  
      _handleClick: function()
        {
          alert('ok');
        },
  
      toggleNav: function(e){
          e.preventDefault();
          alert();
          this.refs.leftNav.toggle();
        }
    });
  
  /* Module.exports instead of normal dom mounting */
  module.exports = UnyDentApp;
  </code></pre>