add support for memoized components

Author: dorkyboi

components/Swiper.js

@@ -3,6 +3,9 @@ import {useWindowDimensions, FlatList, ScrollView, Text, TouchableOpacity, View}
 import StaticPills from "./StaticPills";
 import {usePrevious} from "../helpers/usePrevious";
 
+const isJSX = element => typeof element?.type === 'object';
+const isMemo = element => typeof element?.type === 'function';
+
 export default function Swiper({style, data, isStaticPills, initialScrollIndex, ...rest}) {
     const width = useWindowDimensions().width;
     const flatList = useRef(null);
@@ -47,8 +50,8 @@ export default function Swiper({style, data, isStaticPills, initialScrollIndex,
     });
     const renderItem = ({item: {component: Component, props = {}}, index}) => (
         <View style={{width}}>
-            {typeof Component !== 'function' && Component}
-            {typeof Component === 'function' && <Component {...props} index={index}/>}
+            {typeof Component !== 'function' && isJSX(Component) && Component}
+            {typeof Component === 'function' || (typeof Component !== 'function' && isMemo(Component)) && <Component {...props} index={index}/>}
         </View>
     );
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screens-swiper",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "This lib. provide swiper view functionality with tab navigation on the top.",
   "main": "index.js",
   "repository": {