Быстро обновляемый индикатор выполнения в React

У меня есть анимация прогресса, которая обновляется requestAnimationFrame и переменной progress. Он имеет высокую частоту обновления (я могу обновлять его примерно 60 раз в секунду).

Если я поменяю progress на style следующим образом:

<div className = "progress-line" style = {{transform: `translateX(${progress})`}}></div>

это может вызвать частую рендеринг React.

Есть лучший способ это сделать? Возможно изменение refs как:

_ref.style.transform = `translateX(${progress})`