AppBar iconStyleRight ошибка синтаксиса

Question

У меня есть

render() { 
    return <AppBar style={{ position: "fixed" }} title={<span>my Title</span>} 

     iconElementLeft={<IconButton><NavigationMenu /></IconButton>} 
     iconStyleRight={{color:"red"}} 
     iconElementRight={<IconButton><span className = "material-icons">account_circle</span></IconButton>} 
     /> 
} 

но iconStyleRight дает мне ошибку

Type '{ [x: number]: undefined; color: any; }' is not assignable to type 'string' 

не знаю, почему. Я пробовал много комбинаций, включая добавление style к элементу <span>, который игнорируется.

Понравился бы правильный синтаксис, чтобы сделать этот значок справа красным, чтобы я мог понять, как применять стили к моим значкам.

Answer 1

Оказалось, что решение должно установить атрибут iconStyle компонента IconButton.

Также в моей текущей среде в материале-ui.d.ts typedef атрибута iconStyleRight был ошибочно установлен в строку, но должен был быть объектом, что усугубляет проблему.

Все хорошо сейчас.