Отключить анимацию <LinearProgress /> пользовательского интерфейса материала

Question

Я использую Material-UI <LinearProgress variant="determinate" />, который по умолчанию преобразует свойство scaleX() для <div> в другое <div> всякий раз, когда значение изменяется для визуализации текущего прогресса. Он делает это с эффектом замедления, чтобы все выглядело гладко, что в целом довольно неплохо, однако для целей моего приложения (звуковая панель поиска) я хотел бы полностью отключить эту анимацию при каждом изменении значения.

Возможно ли это?

Демо коды и коробка

Answer 1

Мне удалось решить эту проблему с помощью переопределений

bar: {
  transition: 'none
}
...

...
<LinearProgress variant="determinate" classes={{ bar: classes.bar}} />