Как правильно обновлять градиент в d3.js при перерендере?

https://codepen.io/gsdev99/pen/RwNmpoO

Всем привет. Подскажите, пожалуйста, как решить следующую задачу.

У меня есть реализация графика (кривой) с анимацией. И реализация градиента. При изменении стэйта (в данном случае на ресайз), кривая нормально перерисовывается, с градиентом же проблема, его предыдущее состояние сохраняется. Каким образом мне сохранив transition, перерисовывать градиент?

Не вижу градиента в демке. Без работающей демки никто не будет вчитываться в код чтобы понять что должно происходить и что именно происходит.