createAnimatedPropAdapter Warnings in Reanimated 4

[dmacpro91]

Getting a bunch of these warnings after upgrading to Reanimated 4 and I'm not entirely sure how to reformat my adapters. Also, it doesn't show createAnimatedPropAdapter being deprecated in the docs.

[Reanimated] createAnimatedPropAdapter is no longer necessary in Reanimated 4 and will be removed in next version. Please remove this call from your code and pass the adapter function directly. Error Component Stack:

[MatiPl01]

Hey @dmacpro91! We used prop adapters for compatibility with old react-native-svg versions. They are no longer needed now, since almost all SVG props were moved to the native implementation and can be animated without any preprocessing on the JS side.

We are planning to get rid of adapters support in 4.1.0, so you'd have to adjust your implementation. Can you show me where and how do you use these adapters? I think that in most cases you should be able to just move this logic to the useAnimatedStyle/useAnimatedProps callback itself without having to use adapters to process props.

[dmacpro91]

Ah that makes sense. Thanks for the info! It appears that removing the adapter doesn't break anything so I should be all set. I'll do some extended testing just to be sure.

This was the code segment in question:

const animatedShadowSegmentGroupProps = useAnimatedProps(
    () => {
      const opacityChangedColors = fillColors.value.colors.map(color => {
        return `${color}44`;
      });

      const adjustedFillPercentage =
        Math.ceil(fillPercentage.value * segments) / segments;
      return {
        fill: interpolateColor(
          adjustedFillPercentage,
          fillColors.value.percentages,
          opacityChangedColors,
        ),
      };
    },
    [fillPercentage],
    createAnimatedPropAdapter(props => {
      if (Object.keys(props).includes('fill')) {
        props.fill = {type: 0, payload: processColor(props.fill)};
      }
    }),
  );

[MatiPl01]

Yup, fill is the RNSVG prop that should no longer need this adapter. Let me know once you finish testing if everything works as expected.