fix uncontrolled mode (#1583)

Author: lidord-wix

demo/src/screens/componentScreens/SectionsWheelPickerScreen.tsx

@@ -64,23 +64,23 @@ const SectionsWheelPickerScreen = () => {
     {
       items: getItems(days),
       onChange: onDaysChange,
-      selectedValue: selectedDays,
+      initialValue: selectedDays,
       label: 'Days',
       align: numOfSections === 1 ? WheelPicker.alignments.CENTER : WheelPicker.alignments.RIGHT,
       style: {flex: 1}
     },
     {
       items: getItems(hours),
       onChange: onHoursChange,
-      selectedValue: selectedHours,
+      initialValue: selectedHours,
       label: 'Hrs',
       align: numOfSections === 2 ? WheelPicker.alignments.LEFT : WheelPicker.alignments.CENTER,
       style: numOfSections === 2 ? {flex: 1} : undefined
     },
     {
       items: getItems(minutes),
       onChange: onMinutesChange,
-      selectedValue: selectedMinutes,
+      initialValue: selectedMinutes,
       label: 'Mins',
       align: WheelPicker.alignments.LEFT,
       style: {flex: 1}

src/incubator/WheelPicker/index.tsx

@@ -1,5 +1,5 @@
 // TODO: Support style customization
-import {isFunction} from 'lodash';
+import {isFunction, isUndefined} from 'lodash';
 import React, {useCallback, useRef, useMemo, useEffect, useState} from 'react';
 import {TextStyle, ViewStyle, FlatList, NativeSyntheticEvent, NativeScrollEvent, StyleSheet} from 'react-native';
 import Animated, {useSharedValue, useAnimatedScrollHandler} from 'react-native-reanimated';
@@ -139,7 +139,7 @@ const WheelPicker = ({
 
   /* This effect making sure to reset index if initialValue has changed */
   useEffect(() => {
-    scrollToIndex(currentIndex, true);
+    !isUndefined(initialValue) && scrollToIndex(currentIndex, true);
   }, [currentIndex]);
 
   const scrollToPassedIndex = useCallback(() => {