WhenState doesn't stop looping animations

[evelant]

        WhenState(
            isMovingState,
            { styleKey: "transform.rotate", outputRange: ["0deg", "-8deg", "0deg", "8deg", "0deg"] },
            { loop: Infinity }
        ),

That config will loop forever even when isMovingState transitions to false.

To stop the animation I had to use OnExitState to stop the loop.

        WhenState(
            isMovingState,
            { styleKey: "transform.rotate", outputRange: ["0deg", "-8deg", "0deg", "8deg", "0deg"] },
            { loop: Infinity }
        ),
        OnExitState(
            isMovingState,
            { styleKey: "transform.rotate", outputRange: ["1deg", "0deg"] },
            { loop: 1 }
        )