shop-app VS react-native-animated-charts

Link to the github repo: Shopping App

As you can see in this image, when you change datasets for this line chart, it animates the line graph as it changes it. You can clearly see its a nice and fluid movement. This is exactly how it works for me on a normal blank screen.

I'm using react native CLI and testing on android. I followed precisely installation instructions on both the rainbow repo and the reanimated 2 docs. I tried with a simple chart like the example in the read me. At first i got an error saying the module "react-native-gesture-handler" couldn't be found. Which,made sense since i hadn't i installed it, but no one told me it was necessary for this to work. After installing it, i got another error regarding SVG. Again, no one told me but i installed "react-native-svg" and the error was gone. Only for it to be replaced by a crash when i opened chart screen. Before crashing, sometimes i could see a glimpse of an error message: "rngesturehandlermodule.attach gesture handler got 2 arguments expected 3". Finally, i changed the version of "react-native-gesture-handler" from 2.x.x to 1.8.0 and the app doesn't crashes anymore or show any error. But still, it's really buggy and the charts does not appaear most of the time, not to mention i can't interact with it.

This one from the Rainbow wallet team https://github.com/rainbow-me/react-native-animated-charts

I am using this library to render chart. It also provides ChartLabelX and ChartLabelY components that render X and Y coordinates of a moveable dot. However, I cannot render these components above the graph (it make a moveable dot out of sync with the graph curve itself). However, these components pass a reanimated worklet as one of the props. So, I was wondering if we could get these value from the worklet and set as a global state? Does anyone have experience with React Reanimated worklets or has used this library that can help me with this?