Вложение переменных в строку React JSX

Я изменяю эту строфу кода

<div className = {`${css['red']} ${css['blue']}`}>
    ...
</div>

к этому, изменив строку blue на переменную

var colorVariable = 'blue'
<div className = {`${css['red']} ${css[{colorVariable}]}`}>
    ...
</div>

Но это ни на что не влияет. ${css['{colorVariable}']} тоже.

Выполнение ${css[${colorVariable}]} приводит к ошибке.

Как правильно перейти к следующим переменным JSX в строке?

Редактировать: Объект css определяется следующим образом

import css from 'assets/style.scss'