Merge pull request #41378 from Krishna2323/krishna2323/issue/40105

fix: Android - Distance - Waypoint does not change position correctly by dragging.

src/pages/iou/request/step/IOURequestStepDistance.tsx

@@ -428,7 +428,7 @@ function IOURequestStepDistance({
                 <View style={styles.flex1}>
                     <DraggableList
                         data={waypointsList}
-                        keyExtractor={(item) => item}
+                        keyExtractor={(item) => (waypoints[item]?.keyForList ?? waypoints[item]?.address ?? '') + item}
                         shouldUsePortal
                         onDragEnd={updateWaypoints}
                         ref={scrollViewRef}

src/pages/iou/request/step/IOURequestStepWaypoint.tsx

@@ -119,6 +119,7 @@ function IOURequestStepWaypoint({
                 name: values.name ?? '',
                 lat: values.lat ?? 0,
                 lng: values.lng ?? 0,
+                keyForList: `${(values.name ?? 'waypoint') as string}_${Date.now()}`,
             };
             saveWaypoint(waypoint);
         }
@@ -139,6 +140,7 @@ function IOURequestStepWaypoint({
             lng: values.lng ?? 0,
             address: values.address ?? '',
             name: values.name ?? '',
+            keyForList: `${values.name ?? 'waypoint'}_${Date.now()}`,
         };
 
         Transaction.saveWaypoint(transactionID, pageIndex, waypoint, action === CONST.IOU.ACTION.CREATE);

src/types/onyx/RecentWaypoint.ts

@@ -10,6 +10,9 @@ type RecentWaypoint = {
 
     /** The longitude of the waypoint */
     lng?: number;
+
+    /** A unique key for waypoint is required for correct draggable list rendering */
+    keyForList?: string;
 };
 
 export default RecentWaypoint;

src/types/onyx/Transaction.ts

@@ -38,6 +38,9 @@ type Waypoint = {
 
     /** Address street line 2 */
     street2?: string;
+
+    /** A unique key for waypoint is required for correct draggable list rendering */
+    keyForList?: string;
 };
 
 type WaypointCollection = Record<string, RecentWaypoint | Waypoint>;