Avatar component fallback svg problem

[fatihhayri]

I use Avatar component two diffrent type: User and Group avatar.

Group avatar set className no src.

codesandbox demo

      data.imgSrc ? (
            <Avatar src={data.imgSrc} />
      ) : (
            <Avatar className="foo" />
      )

Solution:

      data.imgSrc ? (
            <Avatar src={data.imgSrc} />
      ) : (
            <Avatar alt= " " src=" " className="foo" />
      )

Why extra attribute and space?

Tech	Version
Material-UI	v4.8.3

[oliviertassinari]

We had the same feedback on #18711 (comment) by @andokai.
While @fatihhayri hasn't provided enough context for us to take his feedback into account (please do :)). I believe the related comment has.

I was wondering about using this solution: #18711 (comment). @mbrookes What do you think?

[mbrookes]

I saw it at the time - seems like a good compromise.

[oliviertassinari]

I'm closing, it's not clear yet that it would be a better default. Also, the usage of the component is in this context seems off.