Gracefully handle non-array inputs in 'data' prop

Author: YoussefHenna

packages/core/src/components/DeckSwiper/DeckSwiper.tsx

@@ -70,7 +70,7 @@ const DeckSwiper = <T extends object>({
     [childrenArray]
   );
 
-  const cardsData = data || cardsFillerData;
+  const cardsData = Array.isArray(data) ? data : cardsFillerData;
 
   const renderCard = (card: any, index: number): JSX.Element => {
     if (renderItem) {

packages/core/src/components/SectionList/SectionList.tsx

@@ -45,7 +45,10 @@ const SectionList = <T extends { [key: string]: any }>({
   renderItem: renderItemProp,
   ...rest
 }: FlatListSectionListProps<T> | FlashListSectionListProps<T>) => {
-  const data = React.useMemo(() => (dataProp || []) as T[], [dataProp]);
+  const data = React.useMemo(
+    () => (Array.isArray(dataProp) ? dataProp : []) as T[],
+    [dataProp]
+  );
 
   const dataWithSections = React.useMemo(() => {
     const result: SectionListItem<T>[] = [];

packages/core/src/components/Swiper/Swiper.tsx

@@ -74,7 +74,7 @@ const Swiper = ({
 
   const children: React.ReactNode = React.useMemo(
     () =>
-      data && renderItem
+      Array.isArray(data) && renderItem
         ? data.map((item, index) => {
             const component = renderItem({ item, index });
 

packages/core/src/components/Table/Table.tsx

@@ -59,7 +59,7 @@ const Table = <T extends object>({
     return object.isTableHeader;
   }, []);
 
-  const isRenderItem = data && renderItem;
+  const isRenderItem = Array.isArray(data) && renderItem;
 
   //Uses 'renderItem' and 'data' to create an array of children
   const dataAsChildren = React.useMemo(() => {

packages/maps/src/components/MapView.tsx

@@ -78,7 +78,7 @@ class MapView<T> extends React.Component<
   private getChildrenForType(type: React.ElementType): React.ReactElement[] {
     const { markersData, renderItem, keyExtractor, children } = this.props;
 
-    if (markersData && renderItem) {
+    if (Array.isArray(markersData) && renderItem) {
       const markers: React.ReactElement[] = [];
 
       markersData.forEach((item, index) => {