react-native-reanimated: Incompatibility with react-native 0.65.0

Description

After upgrading to react-native version 0.65.0 with reanimated 2.2.0 I got the following error:

Execution failed for task ':app:mergeDebugAssets'.
> Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
   > Failed to transform react-native-reanimated-65-hermes.aar (project :react-native-reanimated) 
to match attributes {artifactType=android-assets}.
      > Execution failed for JetifyTransform: C:\Users\alexa\Documents\Programmieren\TheRightChoice\node_modules\react-native-reanimated\android\react-native-reanimated-65-hermes.aar.
         > Transform's input file does not exist: C:\Users\alexa\Documents\Programmieren\TheRightChoice\node_modules\react-native-reanimated\android\react-native-reanimated-65-hermes.aar. (See https://issuetracker.google.com/issues/158753935)

I tried react-native 0.65.0 with reanimated version 2.3.0-alpha.2 and then got a new error on startup, which is the following:

WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method.
 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method.
 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method.
 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method.
 LOG  Running "TheRightChoice" with {"rootTag":1}
 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method.
    at HomeScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:111643:83)
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at DebugContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236172:36)
    at MaybeNestedStack (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235848:23)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235934:27)
    at RNSScreenStack
    at NativeStackViewInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236038:22)
    at RCTView
    at View
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at NativeStackView
    at NativeStackNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235773:32)
    at ListStackNavigator
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at RCTView
    at View
    at Background (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236865:21)
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238147:108)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at MaybeScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:247558:24)
    at RNSScreenContainer
    at ScreenContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231723:36)
    at MaybeScreenContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:247527:23)
    at RCTView
    at View
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at BottomTabView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244544:30)
    at BottomTabNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244432:32)
    at MainNavigator
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at DebugContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236172:36)
    at MaybeNestedStack (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235848:23)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235934:27)
    at RNSScreenStack
    at NativeStackViewInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236038:22)
    at RNCSafeAreaProvider
    at SafeAreaProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236481:24)
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at NativeStackView
    at NativeStackNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235773:32)
    at RootStackNavigator
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at BaseNavigationContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166150:28)
    at ThemeProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171793:21)
    at NavigationContainerInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171653:26)
    at LoginScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:111047:41)
    at PortalProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:208854:24)
    at BottomSheetModalProviderWrapper (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:209055:24)
    at PersistGate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:265166:22)
    at Provider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:118323:21)
    at App (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:107661:26)
    at RCTView
    at View
    at RCTView
    at View
    at AppContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:74995:36)
    at TheRightChoice(RootComponent) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:81851:28)
 WARN  `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method.
    at HomeScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:111643:83)
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at DebugContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236172:36)
    at MaybeNestedStack (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235848:23)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235934:27)
    at RNSScreenStack
    at NativeStackViewInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236038:22)
    at RCTView
    at View
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at NativeStackView
    at NativeStackNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235773:32)
    at ListStackNavigator
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at RCTView
    at View
    at Background (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236865:21)
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238147:108)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at MaybeScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:247558:24)
    at RNSScreenContainer
    at ScreenContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231723:36)
    at MaybeScreenContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:247527:23)
    at RCTView
    at View
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at BottomTabView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244544:30)
    at BottomTabNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244432:32)
    at MainNavigator
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at DebugContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236172:36)
    at MaybeNestedStack (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235848:23)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235934:27)
    at RNSScreenStack
    at NativeStackViewInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236038:22)
    at RNCSafeAreaProvider
    at SafeAreaProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236481:24)
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at NativeStackView
    at NativeStackNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235773:32)
    at RootStackNavigator
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at BaseNavigationContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166150:28)
    at ThemeProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171793:21)
    at NavigationContainerInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171653:26)
    at LoginScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:111047:41)
    at PortalProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:208854:24)
    at BottomSheetModalProviderWrapper (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:209055:24)
    at PersistGate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:265166:22)
    at Provider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:118323:21)
    at App (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:107661:26)
    at RCTView
    at View
    at RCTView
    at View
    at AppContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:74995:36)
    at TheRightChoice(RootComponent) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:81851:28)
 WARN  "rgba(213.3706, 218.3362, 202.3878, 1)" is not a valid color or brush
    at Path (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:138377:36)
    at AnimatedComponent(Path) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:173048:38)
    at AnimatedComponentWrapper
    at RNSVGGroup
    at G (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:138925:36)
    at RNSVGSvgView
    at Svg (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:138641:36)
    at RCTView
    at View
    at MorphingIcon (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:210098:25)
    at RCTView
    at View
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at TouchableOpacity (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:63009:36)
    at TouchableOpacity
    at RCTView
    at View
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:209945:21)
    at RCTView
    at View
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at BottomTabView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244544:30)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170513:24)
    at BottomTabNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244432:32)
    at MainNavigator
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at DebugContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236172:36)
    at MaybeNestedStack (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235848:23)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235934:27)
    at RNSScreenStack
    at NativeStackViewInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236038:22)
    at RNCSafeAreaProvider
    at SafeAreaProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236481:24)
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at NativeStackView
    at NativeStackNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235773:32)
    at RootStackNavigator
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at BaseNavigationContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166150:28)
    at ThemeProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171793:21)
    at NavigationContainerInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171653:26)
    at LoginScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:111047:41)
    at PortalProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:208854:24)
    at BottomSheetModalProviderWrapper (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:209055:24)
    at PersistGate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:265166:22)
    at Provider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:118323:21)
    at App (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:107661:26)
    at RCTView
    at View
    at RCTView
    at View
    at AppContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:74995:36)
    at TheRightChoice(RootComponent) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:81851:28)
 WARN  "rgba(213.3706, 218.3362, 202.3878, 0.4)" is not a valid color or brush
    at Path (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:138377:36)
    at AnimatedComponent(Path) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:173048:38)
    at AnimatedComponentWrapper
    at RNSVGGroup
    at G (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:138925:36)
    at RNSVGSvgView
    at Svg (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:138641:36)
    at RCTView
    at View
    at MorphingIcon (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:210098:25)
    at RCTView
    at View
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at TouchableOpacity (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:63009:36)
    at TouchableOpacity
    at RCTView
    at View
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:209945:21)
    at RCTView
    at View
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at BottomTabView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244544:30)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170513:24)
    at BottomTabNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:244432:32)
    at MainNavigator
    at StaticContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170859:17)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:170743:22)
    at RCTView
    at View
    at DebugContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236172:36)
    at MaybeNestedStack (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235848:23)
    at RNSScreen
    at AnimatedComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:66875:80)
    at AnimatedComponentWrapper
    at Screen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:231629:36)
    at SceneView (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235934:27)
    at RNSScreenStack
    at NativeStackViewInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236038:22)
    at RNCSafeAreaProvider
    at SafeAreaProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:236481:24)
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:238077:24)
    at NativeStackView
    at NativeStackNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:235773:32)
    at RootStackNavigator
    at EnsureSingleNavigator (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166638:24)
    at BaseNavigationContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:166150:28)
    at ThemeProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171793:21)
    at NavigationContainerInner (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:171653:26)
    at LoginScreen (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:111047:41)
    at PortalProvider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:208854:24)
    at BottomSheetModalProviderWrapper (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:209055:24)
    at PersistGate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:265166:22)
    at Provider (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:118323:21)
    at App (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:107661:26)
    at RCTView
    at View
    at RCTView
    at View
    at AppContainer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:74995:36)
    at TheRightChoice(RootComponent) (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.therightchoice&modulesOnly=false&runModule=true:81851:28)

I hope this helps somehow. I will downgrade to react-native 0.64.2 again, since there seems to be compatibility issues with reanimated and hermes.

Expected behavior

For react-native-reanimated 2.2.0 I expect react-native 0.65.0 to compile. For 2.3.0-alpha.2 I expect the app not to crash.

Actual behavior & steps to reproduce

I upgraded to 0.65.0. Perhaps it has something to do with the following error: https://github.com/software-mansion/react-native-reanimated/issues/2246

Snack or minimal code example

Package versions

React Native: 0.65.0
React Native Reanimated: 2.2.0 and 2.3.0-alpha.2
NodeJS:
Xcode:
Java & Gradle:

Affected platforms

I was just able to test with android.

[x ] Android
iOS
Web

About this issue

Original URL
State: closed
Created 3 years ago
Reactions: 33
Comments: 47 (5 by maintainers)

Most upvoted comments

@BooYeu We want to release 2.2.1 and 2.3.0-alpha.3 this week

Hey, any news about it? Can’t wait to start integration and it’s Friday already 😉

+33

sertony on Aug 27, 2021

@BooYeu We want to release 2.2.1 and 2.3.0-alpha.3 this week

+27

piaskowyk on Aug 24, 2021

@sertony @Rubon72 Yes, we decided to release also 2.2.1 with support for react-native@0.65. We want to do it this week.

+15

piaskowyk on Aug 23, 2021

Fixed with: https://github.com/software-mansion/react-native-reanimated/pull/2316 As I said, we release also patch 2.2.1 with RN65 support, but now I close. Thanks for help for everyone 🙌

+13

piaskowyk on Aug 23, 2021

In this issue, I can see more than one case, so quick update

Reanimated support react-native@0.65 since 2.3.0-alpha.2 - the newest release of Reanimated.

I reproduced the problem with new NativeEventEmitter() - I will fix it.

The Hermes issue and another fatal crash are not related to this issue. We fix it as soon as possible of course.

Also, what about publishing the patch as 2.2.1 version which has .aar files for RN0.65 to make Android work?

+12

sertony on Aug 20, 2021

In this issue, I can see more than one case, so quick update

Reanimated support react-native@0.65 since 2.3.0-alpha.2 - the newest release of Reanimated.
I reproduced the problem with new NativeEventEmitter() - I will fix it.
The Hermes issue and another fatal crash are not related to this issue. We fix it as soon as possible of course.

piaskowyk on Aug 20, 2021

DEVfancybear on Aug 18, 2021

In this issue, I can see more than one case, so quick update

Reanimated support react-native@0.65 since 2.3.0-alpha.2 - the newest release of Reanimated.

I reproduced the problem with new NativeEventEmitter() - I will fix it.

The Hermes issue and another fatal crash are not related to this issue. We fix it as soon as possible of course.

Also, what about publishing the patch as 2.2.1 version which has .aar files for RN0.65 to make Android work?

please

Rubon72 on Aug 20, 2021

SectionTN on Aug 18, 2021

khunghang16 on Aug 18, 2021

@JerichoGragasin I can confirm, after updating reanimated to 2.3.0-alpha.2 my android build is successful now while using react-native 0.65.0, thanks

not really new NativeEventEmitter() was called with a non-null argument without the required addListener method. new NativeEventEmitter() was called with a non-null argument without the required removeListeners method. new NativeEventEmitter() was called with a non-null argument without the required addListener method.

and it says that a variable named "shouldUseWeb’ not found, i don’t remember myself created that in my project also the error still even i remove reanimated from package.json

SectionTN on Aug 19, 2021

@JerichoGragasin I can confirm, after updating reanimated to 2.3.0-alpha.2 my android build is successful now while using react-native 0.65.0, thanks

not really new NativeEventEmitter() was called with a non-null argument without the required addListener method. new NativeEventEmitter() was called with a non-null argument without the required removeListeners method. new NativeEventEmitter() was called with a non-null argument without the required addListener method.

and it says that a variable named "shouldUseWeb’ not found, i don’t remember myself created that in my project also the error still even i remove reanimated from package.json

Hi I have meet this issue too. My fix is add import { nativeShouldBeMock, shouldBeUseWeb } from ‘./PlatformChecker’ in src/reanimated2/core.ts

michaelkoo3232 on Aug 23, 2021

Issue validator

The issue is valid!

github-actions[bot] on Aug 17, 2021

@piaskowyk Thank you very much

alantoa on Aug 24, 2021

"dependencies": { "@babel/plugin-proposal-decorators": "^7.14.5", "@babel/plugin-transform-flow-strip-types": "^7.14.5", "@react-native-async-storage/async-storage": "^1.15.6", "@react-native-community/datetimepicker": "^3.5.2", "@react-native-community/masked-view": "^0.1.11", "@react-native-picker/picker": "^1.16.6", "@react-native-community/push-notification-ios": "^1.10.0", "@react-native-firebase/analytics": "^12.7.2", "@react-native-firebase/app": "^12.7.2", "@react-native-firebase/crashlytics": "^12.7.2", "@react-navigation/bottom-tabs": "^6.0.5", "@react-navigation/drawer": "^6.1.4", "@react-navigation/native": "^6.0.2", "@react-navigation/stack": "^6.0.7", "@sentry/react-native": "^2.6.2", "@stripe/stripe-react-native": "^0.2.0", "buffer": "^6.0.3", "mobx": "^6.3.2", "mobx-react-lite": "^3.2.0", "moment": "^2.29.1", "moment-holiday": "^1.5.1", "moment-timezone": "^0.5.33", "numeral": "^2.0.6", "react": "17.0.2", "react-native": "0.65.1", "react-native-biometrics": "^2.1.4", "react-native-config": "^1.4.3", "react-native-country-picker-modal": "^2.0.0", "react-native-device-info": "^8.3.1", "react-native-elements": "^3.4.2", "react-native-fbsdk": "^3.0.0", "react-native-gesture-handler": "^1.10.3", "react-native-image-crop-picker": "^0.36.2", "react-native-image-pan-zoom": "^2.1.12", "react-native-linear-gradient": "^2.5.6", "react-native-localize": "^2.1.1", "react-native-orientation-locker": "^1.3.1", "react-native-paper": "^4.9.2", "react-native-picker-select": "^8.0.4", "react-native-push-notification": "^8.0.0", "react-native-reanimated": "^2.3.0-alpha.2", "react-native-safe-area-context": "^3.3.0", "react-native-screens": "^3.5.0", "react-native-shimmer-placeholder": "^2.0.7", "react-native-snap-carousel": "^4.0.0-beta.6", "react-native-svg": "^12.1.1", "react-native-vector-icons": "^8.1.0", "react-native-video": "^5.1.1", "react-phone-number-input": "^3.1.25", "reanimated-bottom-sheet": "^1.0.0-alpha.22", "socket.io-client": "4.1.3" }, "devDependencies": { "@babel/core": "^7.15.0", "@babel/plugin-proposal-class-properties": "^7.14.5", "@babel/runtime": "^7.15.3", "@react-native-community/eslint-config": "^3.0.0", "@types/react-phone-number-input": "^3.0.10", "babel-jest": "^27.0.6", "eslint": "^7.32.0", "jest": "^27.0.6", "metro-react-native-babel-preset": "^0.66.2", "react-native-clean-project": "^3.6.4", "react-native-codegen": "^0.0.7", "react-test-renderer": "17.0.2", "reactotron-react-native": "^5.0.0" }, `BUNDLE ./index.js

WARN new NativeEventEmitter() was called with a non-null argument without the required addListener method. WARN new NativeEventEmitter() was called with a non-null argument without the required removeListeners method. WARN new NativeEventEmitter() was called with a non-null argument without the required addListener method. WARN new NativeEventEmitter() was called with a non-null argument without the required removeListeners method. WARN If you want to use Reanimated 2 then go through our installation steps https://docs.swmansion.com/react-native-reanimated/docs/installation ERROR ReferenceError: Can’t find variable: shouldBeUseWeb ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native. ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.`

This is for both Android and IOS.

smervs on Aug 23, 2021

"dependencies": { "@babel/plugin-proposal-decorators": "^7.14.5", "@babel/plugin-transform-flow-strip-types": "^7.14.5", "@react-native-async-storage/async-storage": "^1.15.6", "@react-native-community/datetimepicker": "^3.5.2", "@react-native-community/masked-view": "^0.1.11", "@react-native-picker/picker": "^1.16.6", "@react-native-community/push-notification-ios": "^1.10.0", "@react-native-firebase/analytics": "^12.7.2", "@react-native-firebase/app": "^12.7.2", "@react-native-firebase/crashlytics": "^12.7.2", "@react-navigation/bottom-tabs": "^6.0.5", "@react-navigation/drawer": "^6.1.4", "@react-navigation/native": "^6.0.2", "@react-navigation/stack": "^6.0.7", "@sentry/react-native": "^2.6.2", "@stripe/stripe-react-native": "^0.2.0", "buffer": "^6.0.3", "mobx": "^6.3.2", "mobx-react-lite": "^3.2.0", "moment": "^2.29.1", "moment-holiday": "^1.5.1", "moment-timezone": "^0.5.33", "numeral": "^2.0.6", "react": "17.0.2", "react-native": "0.65.1", "react-native-biometrics": "^2.1.4", "react-native-config": "^1.4.3", "react-native-country-picker-modal": "^2.0.0", "react-native-device-info": "^8.3.1", "react-native-elements": "^3.4.2", "react-native-fbsdk": "^3.0.0", "react-native-gesture-handler": "^1.10.3", "react-native-image-crop-picker": "^0.36.2", "react-native-image-pan-zoom": "^2.1.12", "react-native-linear-gradient": "^2.5.6", "react-native-localize": "^2.1.1", "react-native-orientation-locker": "^1.3.1", "react-native-paper": "^4.9.2", "react-native-picker-select": "^8.0.4", "react-native-push-notification": "^8.0.0", "react-native-reanimated": "^2.3.0-alpha.2", "react-native-safe-area-context": "^3.3.0", "react-native-screens": "^3.5.0", "react-native-shimmer-placeholder": "^2.0.7", "react-native-snap-carousel": "^4.0.0-beta.6", "react-native-svg": "^12.1.1", "react-native-vector-icons": "^8.1.0", "react-native-video": "^5.1.1", "react-phone-number-input": "^3.1.25", "reanimated-bottom-sheet": "^1.0.0-alpha.22", "socket.io-client": "4.1.3" }, "devDependencies": { "@babel/core": "^7.15.0", "@babel/plugin-proposal-class-properties": "^7.14.5", "@babel/runtime": "^7.15.3", "@react-native-community/eslint-config": "^3.0.0", "@types/react-phone-number-input": "^3.0.10", "babel-jest": "^27.0.6", "eslint": "^7.32.0", "jest": "^27.0.6", "metro-react-native-babel-preset": "^0.66.2", "react-native-clean-project": "^3.6.4", "react-native-codegen": "^0.0.7", "react-test-renderer": "17.0.2", "reactotron-react-native": "^5.0.0" }, `BUNDLE ./index.js

WARN new NativeEventEmitter() was called with a non-null argument without the required addListener method. WARN new NativeEventEmitter() was called with a non-null argument without the required removeListeners method. WARN new NativeEventEmitter() was called with a non-null argument without the required addListener method. WARN new NativeEventEmitter() was called with a non-null argument without the required removeListeners method. WARN If you want to use Reanimated 2 then go through our installation steps https://docs.swmansion.com/react-native-reanimated/docs/installation ERROR ReferenceError: Can’t find variable: shouldBeUseWeb ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native. ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.`

Rubon72 on Aug 23, 2021

that’s what i got in the console after app starts

new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method. WARN `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method. WARN `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method. WARN `new NativeEventEmitter()` was called with a non-null argument without the required `removeListeners` method. WARN If you want to use Reanimated 2 then go through our installation steps https://docs.swmansion.com/react-native-reanimated/docs/installation ERROR ReferenceError: Can't find variable: shouldBeUseWeb ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

Finally I have the same error just this moment lol. It’s really broken LOL.

ghost on Aug 19, 2021

Oh, there is an issue about this crash already: https://github.com/software-mansion/react-native-reanimated/issues/2256

sertony on Aug 19, 2021

@JerichoGragasin I can confirm, after updating reanimated to 2.3.0-alpha.2 my android build is successful now while using react-native 0.65.0, thanks

reyn-nova on Aug 18, 2021

@JerichoGragasin Thank you for the tip. I tried alpha.2 and got the second error with the NativeEventEmitter.

alexco2 on Aug 18, 2021

Hi, try upgrading your Reanimated to 2.3.0, mine just works right now. I have the same issue earlier and spent probably 4hours probing whats the problem. I don’t know if this is the fix but I’m new to React-native so that’s that only thing I know of, here’s my package.json

{
  "name": "myApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "@react-native-community/masked-view": "^0.1.11",
    "@react-navigation/bottom-tabs": "^6.0.5",
    "@react-navigation/native": "^6.0.2",
    "@react-navigation/native-stack": "^6.0.6",
    "react": "17.0.2",
    "react-native": "0.65",
    "react-native-gesture-handler": "^1.10.3",
    "react-native-reanimated": "^2.3.0",
    "react-native-safe-area-context": "^3.3.0",
    "react-native-screens": "^3.5.0",
    "react-native-vector-icons": "^8.1.0",
    "uuidv4": "^6.2.12"
  },
  "devDependencies": {
    "@babel/core": "^7.15.0",
    "@babel/runtime": "^7.15.3",
    "@react-native-community/eslint-config": "^3.0.0",
    "babel-jest": "^27.0.6",
    "eslint": "^7.32.0",
    "jest": "^27.0.6",
    "metro-react-native-babel-preset": "^0.66.2",
    "react-native-codegen": "^0.0.7",
    "react-test-renderer": "17.0.2"
  },
  "jest": {
    "preset": "react-native"
  }

I saw that the problem was reanimated was not supporting 0.65 of RN in 2.2.0v of reanimated. Finally managed to install my app right now after running yarn install while setting reanimated to 2.3.0 which was shown on a list with cursor.` react-native-reanimated@2.3.0` didn't fixed it. Only the reanimated installation worked when I modified my package.json and have yarn manage the full reinstallation of the node modules.

ghost on Aug 18, 2021

@khunghang16 in your case. Functions from Reanimated v2 don’t exist in the default export scope. You should import these in this way:
import Animated, { useSharedValue, withTiming, runOnJS } from "react-native-reanimated";
Your code with fix:

code

This work for me, thank you!

khunghang16 on Aug 23, 2021

@khunghang16 in your case. Functions from Reanimated v2 don’t exist in the default export scope. You should import these in this way:

import Animated, { useSharedValue, withTiming, runOnJS } from "react-native-reanimated";

Your code with fix:

code

import React from "react";
import { StyleSheet } from "react-native";
// import { useAppSelector } from "reduxs/reducer";
import Animated, { useSharedValue, withTiming, runOnJS } from "react-native-reanimated";
const UpdateView = React.memo(() => {
  // const { show, progress } = useAppSelector((state) => state.updateCodepush);
  const show = true;
  const [showView, setShowView] = React.useState(false);
  const opacity = useSharedValue(0);

  const dismiss = React.useCallback(() => {
    setShowView(false);
  }, []);
  React.useEffect(() => {
    if (show) {
      setShowView(true);
      opacity.value = withTiming(1, { duration: 500 });
    } else {
      opacity.value = withTiming(
        0,
        { duration: 500 },
        (isFinished) => {
          if (isFinished) {
            runOnJS(dismiss)();
          }
        }
      );
    }
  }, [show]);

  if (!showView) return null;
  return (
    <Animated.View
      style={{ ...StyleSheet.absoluteFillObject, opacity: opacity.value }}
    >
    </Animated.View>
  );
});

export default UpdateView;

const styles = StyleSheet.create({});

piaskowyk on Aug 20, 2021

Turning off Hermes and rebuilding seemed to remove this std::runtime_error: Unable to retrieve jni environment. Is the thread attached? but then i wouldn’t expect the library to work if Hermes is not being used 🤷🏻‍♂️

AFAIK this library solution is JS engine agnostic now.

Which is great. The docs still state that Hermes must be turned on though.

varwasabi on Aug 19, 2021

same here, solved the issue by installing react-native-reanimated@2.3.0-alpha.2 so, what should we do next? wait for reanimated 2.2.0 compatible with react-native 0.65.0 ?

Radiant-F on Aug 19, 2021

@MonsterAnan This is my solution as well. It seems to me though that the alpha version has a different issue with 0.65.0 that is perhaps related to https://github.com/software-mansion/react-native-reanimated/issues/2246

alexco2 on Aug 18, 2021

@JerichoGragasin That doesn’t solve the problem

alantoa on Aug 18, 2021