[2.2.3] withTiming use in a transform crashes the app on android

Description

Android crashes on mount when attempting to use withTiming inside a transform animated style with

Error: Exception in HostFunction: java.lang.AssertionError: Illegal type provided
    at _updateProps (native)
    at _f (JavaScript:1:511)
    at _f (native)
    at styleUpdater (JavaScript:1:1657)
    at styleUpdater (native)
    at _f (JavaScript:1:139)
    at _f (native)
  at void com.swmansion.reanimated.AndroidErrorHandler.raise(java.lang.String) (AndroidErrorHandler.java:6)
  at void com.swmansion.reanimated.Scheduler.triggerUI() (Scheduler.java:-2)
  at void com.swmansion.reanimated.Scheduler.access$100(com.swmansion.reanimated.Scheduler) (Scheduler.java:9)
  at void com.swmansion.reanimated.Scheduler$1.run() (Scheduler.java:21)
  at void android.os.Handler.handleCallback(android.os.Message) (Handler.java:938)
  at void android.os.Handler.dispatchMessage(android.os.Message) (Handler.java:99)
  at void com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(android.os.Message) (MessageQueueThreadHandler.java:27)
  at void android.os.Looper.loop() (Looper.java:223)
  at void android.app.ActivityThread.main(java.lang.String[]) (ActivityThread.java:7656)
  at java.lang.Object java.lang.reflect.Method.invoke(java.lang.Object, java.lang.Object[]) (Method.java:-2)
  at void com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run() (RuntimeInit.java:592)
  at void com.android.internal.os.ZygoteInit.main(java.lang.String[]) (ZygoteInit.java:947)

Expected behavior

• able to use timing transitions in transforms

Actual behavior & steps to reproduce

• Commenting out the transform: [{ translateY: translateY.value }] and reloading the app will not crash the app

Snack or minimal code example

import { useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from "react-native-reanimated";
import { View } from "react-native";

export default function App() {
  const translateY = useSharedValue(0);

  useDerivedValue(() => {
    translateY.value = withTiming(200);
  });

  const animatedStyle = useAnimatedStyle(() => ({
    transform: [{ translateY: translateY.value }], // commenting this out will no longer crash the app
    opacity: translateY.value,
  }));

  return <View style={{ flex: 1, backgroundColor: "red" }} />;
}

Package versions

• React Native: 0.66.1
• React Native Reanimated: 2.2.3
• NodeJS: 14.17.3
• Xcode: -
• Java & Gradle: -

Affected platforms

• Android
• iOS
• Web

[Khuongnb]

Hi, any update for this issue? seem like currently we can’t use withTiming with Easing.linear

[AuroPick]

Try this

import { Easing } from 'react-native-reanimated' // IMPORT FROM REANIMATED

translateY.value = withTiming(200, {
    easing: Easing.bezier(0.33, 0.01, 0, 1)
})