Material-ui: [Card] Unknown prop `showExpandableButton` on <div> tag. Cause by CardActions component

[scrambled2k3]

Problem description

Getting the react warning: Unknown prop 'showExpandableButton' on <div> tag when I set the showExpandableButton prop on a CardActions component.

Versions

• Material-UI: 0.17.1
• React: 15.4
• Browser: Chrome 57

[sli]

Putting showExpandableButton in CardHeader works well for me.

<Card expandable zDepth={3}>
  <CardHeader
    title='Card'
    subtitle='Example Card'
    showExpandableButton
  />
  <CardActions> ... </CardActions>
  <CardText expandable> ... </CardText>
</Card>

[oliviertassinari]

We shouldn't be spreading the showExpandableButton property to the dom element.
We should apply the same fix from CardTitle and CardHeader to the CardAction.

[akshaynanavati]

When will this be fixed?

[mbrookes]

@akshaynanavati When you submit a PR? :wink:

[akshaynanavati]

Here ya go - https://github.com/callemall/material-ui/pull/6578

[prionkor]

Experiencing similar issue. Here is my code below

Version: 0.18.1

render(){
        return <div>
            {this.state.news.map(function(news){

                return <Card key={news.id}>
                    <CardHeader 
                        title={news.title}
                        subTitle={news.company.code}
                        actAsExpander
                        showExpadableButton
                    />
                    <CardText expandable>{news.content}</CardText>
                </Card>
            })}
        </div>
    }

Error:

Unknown props `subTitle`, `showExpadableButton` on <div> tag. Remove these props from the element.