how to change mui ripple color

JavaScript
const styles = {
	buttonRipple: { color: "#f00" }
};
const MyButton = props => (
	<Button TouchRippleProps={{ classes: { root: props.classes.buttonRipple } }}>Click me</Button>
);
export default withStyles(styles)(MyButton)
Source

Also in JavaScript: