"Cannot read property 'viewTag' of undefined" when used with react-native-tab-view

[GuimoBear]

Description

I'm using react-native-tab-view and decided to install react-native-reanimated@alpha, however, when I tried to use them together, the error "TypeError: cannot read property 'viewTag' of undefined" occurs whenever the component tries be rendered.

I started looking for solutions and ended up arriving at the following code at ./reanimated2/createAnimatedComponent.js

          const processedStyle = styles.map(style => {
            if (style.viewTag) {
              // this is how we recognize styles returned by useAnimatedStyle
              return style.initial;
            } else {
              return style;
            }
          });

I noticed that this style is null or undefined at some point, to correct, I checked, before the viewTag property, the 'style' and the problem was solved.

          const processedStyle = styles.map(style => {
            if (style && style.viewTag) {
              // this is how we recognize styles returned by useAnimatedStyle
              return style.initial;
            } else {
              return style;
            }
          });

Package versions

• React: 16.11.0
• React Native: 0.62.2
• React Native Reanimated: 2.0.0-alpha.3
• React Native Tab View: 2.14.4

[Dirk41Mavs]

Thank you guys! This problem makes me recognize even source code can be careless