New style only applied to transitioned element

Describe the bug If you apply a text color between transitions, the color only applies to the element which transitions, and not the static element. Say you have 10 and want to increment to 11, before you increment, the text color is white. Then when you increment to 11, and you have set the color to be green, or red, only the numer that transitioned (from 0 to 1) will have the new applied text color.

Expected behavior Expected behaviour is to have all number elements be the same numberStyle

Screenshots Before Transition:

After Transition:

Here’s my code for the example in the screenshot:

const Points = ({id}) => {
    const card = useRecoilValue(cardItemState(id));

    const pointStyle = {
        color: ["#f10033", "#fff", "#28c120"][card.vote + 1]
    }

    return (
        <Styled.Points>
            <FlipNumbers numberStyle={pointStyle} height={28} width={14} color="" numbers={card.points.toString()} play />
        </Styled.Points>
    );
}

Desktop:

• OS: Window
• Browser: Chrome
• Version: 85.0.4183.102 (Official Build) (64-bit)

[TheLifeIsYours]

I did, some pretty tight spaghett. 🍝 😄

[bluebill1049]

not sure man, it’s been awhile… take a look the source code 👀