mui_component_style_override_withstyles.jsx

import { MuiAvatar } from "@material-ui/core"
import { withStyles } from '@material-ui/core/styles'

const Avatar = withStyles(
  theme => ({
    colorDefault: {
      // overriding `colorDefault` according to the Avatar API
      backgroundColor: theme.palette.secondary
    }
  }))(MuiAvatar) // Passing the original Avatar component to this HOC

function myComponent() {
  return <Avatar />
}