Почему анимации множественного входа/существования с троичной логикой не анимируются?

Я пытаюсь реализовать базовую анимацию постепенного исчезновения при входе/выходе, где содержимое показывает либо анимацию загрузки, либо значение результатов. Они должны постепенно появляться и исчезать в зависимости от состояния тернарной функции

Я использую: "react-native-reanimated": "~3.6.2", "react-native": "0.73.6",

Есть идеи?

<Pressable
        disabled={isValidating || !isMatch}
        onPress={capturePhoto}
      >
        <FlexRow>
          <View>
            {thumbnail ? (
              <Image
                placeholder={blurhash}
                source={{
                  uri: thumbnail,
                }}
              />
            ) : (
              <LoadingSkeleton />
            )}
          </View>
// here is ternary
          {isValidating ? (
            <Animated.View
              entering={FadeIn}
              exiting={FadeOut}
              style={{ flex: 1, flexDirection: 'row' }}
            >
              <LoadingSpinner />
            </Animated.View>
          ) : (
            <Animated.View
              entering={FadeIn}
              exiting={FadeOut}
            >
              <Typography >
                {titleText}
              </Typography>
            </Animated.View>
          )}
        </FlexRow>
      </Pressable>