javascript - 要素のネストの問題: マテリアル UI Meteor React

Question

IconButtonMenumeteor/react で Material UI を使用して をリストに追加しようとすると、次のエラーが発生します。

警告: 失敗した propType:rightIconButtonに指定されたprop が無効ListItemです。単一の ReactElement が必要です。のレンダリング方法を確認してくださいRequest。

私のコードは次のとおりです。

var {
  List,
  ListItem,
  Divider,
  Styles,
  IconButton,
  IconMenu,
  MenuItem,
  MoreVertIcon
} = MUI;

const { NavigationMoreVert } = MUI.Libs;

Request = React.createClass({
  generateRequests(){
     if(this.props.claims){
        return this.props.claims.map((claim) => {
            return (
                <ListItem
                    primaryText={claim.username + " requested " + claim.portions + " portions"}
                    rightIconButton={
                        <IconMenu iconButtonElement={
                            <IconButton
                                touch={true}
                                tooltip="more"
                                tooltipPosition="bottom-left"
                                >
                                    <NavigationMoreVert color={Styles.Colors.grey400} />
                                </IconButton>
                        } >
                            <MenuItem primaryText="Reply" />
                            <MenuItem primaryText="Forward" />
                        </IconMenu>
                    }
                    style={{color: Styles.Colors.darkBlack}}
                />

            );
        });
    }
  },

  render(){
    return(
      <List subheader="Item Requests">
        <Divider />
        {this.generateRequests()}
      </List>
    );
  }

});

要素をネストするのが好きではないようです。ドキュメントの例のようにconst を使用しようとしましたが、まったく同じエラー メッセージが表示されます。