Ordered list animations incorrectly retrigger

[hamster1963]

Bug Description

When animations are enabled, there is an issue with ordered list animations - the appearance of the second list causes the first list's animation to retrigger.

CleanShot.2026-02-20.at.14.20.36-converted.mp4

Steps to Reproduce

animated={{ animation: 'fadeIn', duration: 700, easing: 'ease-in-out', sep: 'char', }}

`## The Principle of "Kick" Synchronization Across Different Dream Layers

1. Time Difference
   According to the movie, the deeper you go into dream layers, the slower time passes. For example, several minutes in the first layer might equal hours in the second, and even days in the third.

2. Multi-Layer Kick Design
   To safely wake everyone up from the deepest layer, a "kick" must be arranged in each layer, coordinating the timing so the kick in one layer effectively triggers a kick in the next. Specifically:

   • In the topmost layer (such as in the car), a powerful physical stimulus like the car plunging into the river is needed to provoke awakening.
   • In the intermediate layer, such as the hotel room, anti-gravity or similar effects are used to create the necessary kick.
   • In the deepest layer, like the mountain fortress, a separate kick must also be organized.

3. Kick Synchronization
   Because each layer has a different time flow, the team must carefully plan and synchronize the timing of the kicks across layers. Everyone must reach the next kick point at the right moment; otherwise, they’ll miss their chance to wake up.
   `

Expected Behavior

Animation is working properly.

Actual Behavior

The appearance of the second list causes the first list's animation to retrigger

Code Sample

Streamdown Version

2.3.0

React Version

19.2.4

Node.js Version

No response

Browser(s)

Safari

Operating System

macOS

Additional Context

No response