[Question] How to change the `barColorPrimary` style dynamically for `LinearProgress`?

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

Question

How am I able to change the bar color of LinearProgress component dynamically? For example, I would like the color code to be a prop of my component, and in my component, I would like to set the color of the linear progress bar to be that color.

class MyComponent extends React.Component {
  render() {
    const { barColor } = this.props; // the color code, e.g, #efefef
    return (
    <LinearProgress 
      variant="determinate" 
      value={progressBar.quantity} 
      classes={{
        barColorPrimary: <how am I able to associate the barColor here?>
      }}
    />
    );
  }
}

Your Environment

Tech	Version
Material-UI	beta 44
React	16.2.0

[oliviertassinari]

The new documentation section is live: https://material-ui.com/customization/overrides/#2-dynamic-variation-for-a-one-time-situation. Right now, people have to either use CSS variables or Theme nesting.

[fauskanger]

I already use withTheme()