Dynamically creating Animated.View instances

[timoisalive]

I'd like to achieve something like the finger following circle example here https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/events, with the difference that each time the pan gesture is started, a new circle gets added and the previous ones stay put.

All of the reanimated examples I've seen seem to have a defined number of Animated.View components and eg. useAnimatedStyle() hooks, and I haven't found a way to successfully set up for example a shared value array

const circles = useSharedValue<{ x:number, y:number }[]>([]);

that could be mapped into n-amount of Animated.View instances.

This is my first time using reanimated which otherwise seems like a great library, so any help is appreciated, thanks!