How to order the animation list between different components (at different level)?

[WangYifang]

I have a parent component and a child component, both of which has some animations:

1. parent component: I use useChain() to order three animations: useChain([ARef, BRef, CRef], [0, 2, 4])
2. child component: I use useTrail() to play elements one-by-one with the same sping effect. Here, I use CRef in the parent component as the 'anchor' of useTrail().

I still want the three animations to be played in A-B-C order. But how can I structure the animation?