Reanimated 2.4 - fix error in Incubator.TouchableOpacity (#1831)

Error: Interpolation input and output should contain at least two values.
(cherry picked from commit c8b03e1)

Author: M-i-k-e-l

src/incubator/TouchableOpacity.tsx

@@ -12,6 +12,7 @@ import Reanimated, {
 import {TapGestureHandler, LongPressGestureHandler, State} from 'react-native-gesture-handler';
 import {asBaseComponent, forwardRef, BaseComponentInjectedProps, ForwardRefInjectedProps} from '../commons/new';
 import View, {ViewProps} from '../components/view';
+import {Colors} from '../../src/style';
 
 export type TouchableOpacityProps = {
   /**
@@ -85,7 +86,7 @@ function TouchableOpacity(props: Props) {
   const isLongPressed = useSharedValue(false);
 
   const backgroundColor = useMemo(() => {
-    return props.backgroundColor || modifiers.backgroundColor;
+    return props.backgroundColor || modifiers.backgroundColor || Colors.transparent;
   }, [props.backgroundColor, modifiers.backgroundColor]);
 
   const onPress = useCallback(() => {
@@ -164,7 +165,7 @@ function TouchableOpacity(props: Props) {
               paddings,
               margins,
               alignments,
-              backgroundColor && {backgroundColor},
+              {backgroundColor},
               style,
               animatedStyle
             ]}