[IconMenu] Unable to use IconButton with iconClassName in IconMenu

[leesiongchan]

Problem Description

<IconMenu
  iconButtonElement={
    <IconButton iconClassName="material-icons">
      expand_more
    </IconButton>
  }
>
  <MenuItem primaryText="Download" />
  <MenuItem primaryText="More Info" />
</IconMenu>

Code above will trigger error below:

main.js:4116 Unhandled promise rejection TypeError: Cannot read property 'iconHoverColor' of undefined
    at render (http://localhost:8080/vendor.js:29350:38)
    at ReactCompositeComponentMixin._renderValidatedComponentWithoutOwnerOrContext (http://localhost:8080/vendor.js:16163:35)
    at ReactCompositeComponentMixin._renderValidatedComponent (http://localhost:8080/vendor.js:16183:33)
    at wrapper [as _renderValidatedComponent] (http://localhost:8080/vendor.js:11199:22)
    at ReactCompositeComponentMixin.mountComponent (http://localhost:8080/vendor.js:15796:31)
    at wrapper [as mountComponent] (http://localhost:8080/vendor.js:11199:22)
    at Object.ReactReconciler.mountComponent (http://localhost:8080/vendor.js:14238:36)
    at ReactDOMComponent.ReactMultiChild.Mixin.mountChildren (http://localhost:8080/vendor.js:22230:45)
    at ReactDOMComponent.Mixin._createContentMarkup (http://localhost:8080/vendor.js:19413:33)
    at ReactDOMComponent.Mixin.mountComponent (http://localhost:8080/vendor.js:19301:30)

if (iconClassName) {
  var iconHoverColor = iconStyle.iconHoverColor;

  var iconStyleFontIcon = _objectWithoutProperties(iconStyle, ['iconHoverColor']);

  fonticon = _react2.default.createElement(
    _fontIcon2.default,
    {
      className: iconClassName,
      hoverColor: disabled ? null : iconHoverColor,
      style: (0, _simpleAssign2.default)(styles.icon, disabled && styles.disabled, iconStyleFontIcon)
    },
    this.props.children
  );
}

Versions

• Material-UI: v0.15.0-alpha.1
• React: v0.14.7
• Browser: Chrome 49.0.2623.87 (64-bit)

[tintin1343]

@leesiongchan : What is iconStyle? where did that come from? You haven't specified an iconStyle in your jsx Code.

This is not an MUI issue. I am closing this for now. If you need further help on this, please use the gitter channel of material-ui or post this on stackoverflow using the material-ui tag.