Material-ui: You cannot call prepareStyles() on the same style object more than once

Created on 6 May 2016 · 3Comments · Source: mui-org/material-ui

I'm getting "2 Warning: You cannot call prepareStyles() on the same style object more than once." on an Avatar component with the below code:

<Card className="blabla"
       style={mystyle}>
    <CardMedia>
        <Avatar src={myPictureUrl}/>
    </CardMedia>
    <!-- ... -->
</Card>

Versions:

material-ui: 0.14.4
react: 0.14.8
chrome: 50.0.2661.75

Source

zabojad

👍1

Most helpful comment

I still have this issue:

material-ui: 0.17.1
react: 15.4.2
chrome: 57.0.2987.133 (64 bit)

Temporary solved

<Card className="blabla" style={mystyle}>
    <CardMedia>
        <div>
             <Avatar src={myPictureUrl}/>
        </div>
    </CardMedia>
    <!-- ... -->
</Card>

davidnguyen179 on 13 Apr 2017

👍3 ❤1

All 3 comments

outdated version, this is fixed

nathanmarks on 7 May 2016

I still have this issue:

material-ui: 0.17.1
react: 15.4.2
chrome: 57.0.2987.133 (64 bit)

Temporary solved

<Card className="blabla" style={mystyle}>
    <CardMedia>
        <div>
             <Avatar src={myPictureUrl}/>
        </div>
    </CardMedia>
    <!-- ... -->
</Card>

davidnguyen179 on 13 Apr 2017

👍3 ❤1

Still a problem in 0.18.1. Including the svg icon to the code below causes this error.

        <CardMedia
          overlay={
            <CardTitle
              title={this.props.device.label}
              subtitle={`Created ${moment(this.props.device.created).fromNow()}`}
            />
          }
          overlayContentStyle={{background: background}}
        >
          <img src={this.chooseImage(this.props.device.label)} alt="" />
        <CheckIcon />
        </CardMedia>

nndung179's workaround of wrapping the element in a div works.