Skia Selector with Reanimated 3 values

[pmp99]

Hi, currently I have a large computedValue object and I use the Selector function in Skia components to select the corresponding value. I'm trying to migrate to Reanimated 3 so that the animations are executed on the UI thread.
To do that, I use useDerivedValue instead of useComputedValue, but I can't find a proper way to map the object elements to Skia components. Is there any equivalent function to the Selector that works with Reanimated?
What would be the best way to achieve that?
Thanks in advance.

[wcandillon]

useDerivedValue should do the job instead no?

[pmp99]

But then I should put that value directly as a property. For example, supose I have an object created through useDerivedValue like this:
data = {height: 100, width: 50, radius: 5}
And then supose I want to apply that to a Skia component. If I use useComputedValue the component looks like this:
<RoundedRect x={0} y={0} width={Selector(data, e=>e.width)} height={Selector(data, e=>e.height)} r={Selector(data, e=>e.radius)} color="red" />
But when that value is created through useDerivedValue the Selector doesn't work and obviously using it directly (data.value.height) neither.

An alternative would be creating a derived value for each property in data, but in my case that object is large and I would need too much variables.

[wcandillon]

We have a new feature that will address your use-case: https://github.com/Shopify/react-native-skia/pull/2134/files#diff-171f91eb400ee17e21c67ff75ac37151eab499b5f666f13321ed9e1eaccb133cR103