API weird state change / animation behavior

[Aaron-Storm]

Task
I have a speech feature in my app which, when active, has an icon animating as a visual cue for the user.

I am trying to simply animate the length of three bars in order to simulate sound input.
On click the animation starts and loops through the different lengths until I click again.
When I disable the speech, the bars are supposed return to their initial position.

Problem
The animation only returns to the initial position (breaks the loop) when the API is animating from the initial values set in the springAPI but not when it resets (runs backwards).
It simply does not recognize the state change / does not animate.

I have tried to...

• split the bars and give each its own API. = Same outcome.
• change the to values when speech is disabled in order to prevent having the exact
  same values as the initial ones. = This works once and then breaks the loop.
• to pause the animation instead and discard the return animation. = Also breaks the loop.

Any help or direction would be greatly appreciated.

Here is the codesandbox

Bit out of context but I noticed that the loop in all examples given in the documentation increases in speed after a while. Is this behavior normal?
I can open another discussion if this is worth investigating.