Как установить цвет шрифта динамически в зависимости от состояния в React?

Question

У меня есть значок звезды, который я хочу сделать черным, если строка не была выбрана в качестве избранного, и белым, если он является любимым.

Я пробовал:

const RowActions = () => {
    const [favorite, setFavorite] = useState(false);

    return (
        <>
            <FontAwesomeIcon icon={favorite ? 'star' : ['fal', 'star']} onClick={() => setFavorite(!favorite)} style={[{color: favorite ? '#ffffff' : '#000000'}]} />
        </>
    )
}

Было подтверждено, что "onClick" работает и значок меняется, но не цвет.

Заранее спасибо!