fix already declared variable errors

Author: imdevan

src/components/Picker.js

@@ -275,7 +275,7 @@ function Picker({
 
           if (itemIndex === -1) {
             const item = items.find(
-              (item) => item[ITEM_SCHEMA.value] === currentValue,
+              (i) => i[ITEM_SCHEMA.value] === currentValue,
             );
 
             if (item) {
@@ -294,7 +294,7 @@ function Picker({
       const state = [];
 
       if (value !== null) {
-        const item = items.find((item) => item[ITEM_SCHEMA.value] === value);
+        const item = items.find((i) => i[ITEM_SCHEMA.value] === value);
 
         if (item) {
           state.push(item);
@@ -398,7 +398,7 @@ function Picker({
    * @returns {object}
    */
   const sortedItems = useMemo(() => {
-    const sortedItems = items.filter(
+    const _sortedItems = items.filter(
       (item) =>
         item[ITEM_SCHEMA.parent] === undefined ||
         item[ITEM_SCHEMA.parent] === null,
@@ -410,18 +410,18 @@ function Picker({
     );
 
     children.forEach((child) => {
-      const index = sortedItems.findIndex(
+      const index = _sortedItems.findIndex(
         (item) =>
           item[ITEM_SCHEMA.parent] === child[ITEM_SCHEMA.parent] ||
           item[ITEM_SCHEMA.value] === child[ITEM_SCHEMA.parent],
       );
 
       if (index > -1) {
-        sortedItems.splice(index + 1, 0, child);
+        _sortedItems.splice(index + 1, 0, child);
       }
     });
 
-    return sortedItems;
+    return _sortedItems;
   }, [items, ITEM_SCHEMA]);
 
   /**
@@ -438,22 +438,22 @@ function Picker({
         )
           return;
 
-        const value = isArray
+        const currentValue = isArray
           ? memoryRef.current.value[0]
           : memoryRef.current.value;
 
         if (
           scrollViewRef.current &&
-          Object.prototype.hasOwnProperty.call(itemPositionsRef.current,value)
+          Object.prototype.hasOwnProperty.call(itemPositionsRef.current,currentValue)
         ) {
           scrollViewRef.current?.scrollTo?.({
             x: 0,
-            y: itemPositionsRef.current[value],
+            y: itemPositionsRef.current[currentValue],
             animated: true,
           });
         } else {
           const index = sortedItems.findIndex(
-            (item) => item[ITEM_SCHEMA.value] === value,
+            (item) => item[ITEM_SCHEMA.value] === currentValue,
           );
 
           if (index > -1)
@@ -481,7 +481,7 @@ function Picker({
    * @returns {object}
    */
   const stickyHeaderIndices = useMemo(() => {
-    const stickyHeaderIndices = [];
+    const _stickyHeaderIndices = [];
     if (stickyHeader) {
       const parents = sortedItems.filter(
         (item) =>
@@ -492,10 +492,10 @@ function Picker({
         const index = sortedItems.findIndex(
           (item) => item[ITEM_SCHEMA.value] === parent[ITEM_SCHEMA.value],
         );
-        if (index > -1) stickyHeaderIndices.push(index);
+        if (index > -1) _stickyHeaderIndices.push(index);
       });
     }
-    return stickyHeaderIndices;
+    return _stickyHeaderIndices;
   }, [stickyHeader, sortedItems]);
 
   /**
@@ -727,10 +727,10 @@ function Picker({
       );
       const size = y + maxHeight + pickerHeight + bottomOffset;
 
-      const direction = size < WINDOW_HEIGHT ? 'top' : 'bottom';
+      const currentDirection = size < WINDOW_HEIGHT ? 'top' : 'bottom';
 
-      onDirectionChanged(direction);
-      setDirection(direction);
+      onDirectionChanged(currentDirection);
+      setDirection(currentDirection);
     }
 
     onPressToggle();
@@ -1230,11 +1230,11 @@ function Picker({
    * @returns {JSX.Element}
    */
   const ExtendableBadgeContainer = useCallback(
-    ({ selectedItems }) => {
-      if (selectedItems.length > 0) {
+    ({ badgeContainerSelectedItems }) => {
+      if (badgeContainerSelectedItems.length > 0) {
         return (
           <View style={extendableBadgeContainerStyle}>
-            {selectedItems.map((item, index) => (
+            {badgeContainerSelectedItems.map((item, index) => (
               <View key={index} style={extendableBadgeItemContainerStyle}>
                 <__renderBadge item={item} index={index} />
               </View>
@@ -1258,7 +1258,7 @@ function Picker({
    */
   const BadgeBodyComponent = useMemo(() => {
     if (extendableBadgeContainer) {
-      return <ExtendableBadgeContainer selectedItems={selectedItems} />;
+      return <ExtendableBadgeContainer badgeContainerSelectedItems={selectedItems} />;
     }
 
     return (
@@ -1672,9 +1672,9 @@ function Picker({
    * @param {string|number|boolean} value
    * @param {number} y
    */
-  const setItemPosition = useCallback((value, y) => {
+  const setItemPosition = useCallback((itemValue, y) => {
     if (autoScroll && listMode === LIST_MODE.SCROLLVIEW)
-      itemPositionsRef.current[value] = y;
+      itemPositionsRef.current[itemValue] = y;
   }, []);
 
   /**