Material-ui: Você não pode chamar prepareStyles() no mesmo objeto de estilo mais de uma vez

Criado em 6 mai. 2016 · 3Comentários · Fonte: mui-org/material-ui

Estou recebendo "2 Aviso: você não pode chamar prepareStyles() no mesmo objeto de estilo mais de uma vez." em um componente Avatar com o código abaixo:

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

Versões:

material-ui: 0,14,4
reagir: 0,14,8
cromo: 50.0.2661.75

Fonte

zabojad

👍1

Comentários muito úteis

Ainda tenho este problema:

material-ui: 0.17.1
reagir: 15.4.2
cromo: 57.0.2987.133 (64 bits)

Resolvido temporariamente

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

davidnguyen179 em 13 abr. 2017

👍3 ❤1

Todos 3 comentários

versão desatualizada, isso é corrigido

nathanmarks em 7 mai. 2016

Ainda tenho este problema:

material-ui: 0.17.1
reagir: 15.4.2
cromo: 57.0.2987.133 (64 bits)

Resolvido temporariamente

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

davidnguyen179 em 13 abr. 2017

👍3 ❤1

Ainda um problema em 0.18.1 . Incluindo o svg para o código abaixo causa esse erro.

        <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>

A solução alternativa do nndung179 de envolver o elemento em uma div funciona.