[ListItemAvatar] Getting a warning about `childrenClassName`

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

Current Behavior 😯

Steps to Reproduce 🕹

Passed an to the ListItemAvatar component The browser will give us a warning like Warning: React does not recognize the childrenClassName prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase childrenclassname instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Context 🔦

Your Environment 🌎

Tech	Version
Material-UI	^3.6.2
React	^16.4.1
Browser	Chrome
TypeScript	^3.2.2
etc.

[eps1lon]

The original issue sounds like you’re using

<ListItemAvatar><img /></ListItemAvatar>

instead of the documented

<ListItemAvatar><Avatar /></ListItemAvatar>

For future reference please follow the issue template and include some form of code with which we can understand what you’re doing and ideally reproduce the issue.

[pak11273]

@georgeneil Did you find a solution to this problem? I’m getting this error with a Badge Component wrapping a ListItemAvatar component. If you inline style the Badge it will apply the styles to the ListItemAvatar component.