initialize SharedValue from another SharedValue

[freeboub]

Hello,

For some reason, I need to initialize a SharedValue with the value of another SharedValue (ParentComponent provide a SharedValue to ChildComponent and the ChildComponent need to animate the value in another way).

Can you please explicite what is the best way to do that ?

this natural way is intialize it like this:

const childSharedValue = useSharedValue(parentSharedValue.value);

But it causes a warning on last version as we access to the .value from JS thread.

I currently workaround it like this:

  const childSharedValue = useSharedValue(0);

  useEffect(() => {
    runOnUI(() => {
      childSharedValue.value = parentSharedValue.value;
    });
  }, [childSharedValue, parentSharedValue]);

But it is not really clean as we have a small time where childSharedValue is 0

ideally, I would like to write it like this:

const childSharedValue = useSharedValue(parentSharedValue);

but use useSharedValue doesn't accept a SharedValue as prop, but I think it can be an interesting enhancement.

[freeboub]

I had a look into the code, it looks like easy to extend the api to accept a SharedValue as useSharedValue parameter.
Do it make sense for software-mansion team ?
I regarding to the the code, can implement it.