View breaks when `shadowOffset` property is passed to the `animate` property

Description

When I’m trying to add the shadowOffset style property value to the animate property in MotiView, the view doesn’t render anymore. I’m assuming it could be because shadowOffset has an object-based value and that is breaking something under the hood.

Steps to Reproduce

Code

<MotiView
  from={{ opacity: 0 }}
  animate={{
    opacity: 1,
    shadowColor: "#1A2138",
    shadowOffset: {
      width: 0,
      height: 8,
    },
    shadowOpacity: 0.5,
    shadowRadius: 20,
  }}
  style={{
    width: 200,
    height: 400,
    backgroundColor: "aqua",
  }}
/>

Screenshot

Expected Behaviour

Ideally, the shadow should appear as below (when applied to the regular style property).

Code

<MotiView
  from={{ opacity: 0 }}
  animate={{
    opacity: 1,
  }}
  style={{
    width: 200,
    height: 400,
    backgroundColor: "aqua",
    shadowColor: "#1A2138",
    shadowOffset: {
      width: 40,
      height: 40,
    },
    shadowOpacity: 0.5,
    shadowRadius: 20,
  }}
/>

Screenshot

[nandorojo]

yeah let me see. i know it can be a bit tough, there’s some magic going on in there haha

[nandorojo]

line 531 is what you want. that basically says, if the value for a given style is an object, then go through and apply final[key] = animation(value), where animation is withTiming/withSpring