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

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

@@ -344,7 +344,8 @@ function IOURequestStepDistance({
             const newWaypoints: WaypointCollection = {};
             let emptyWaypointIndex = -1;
             data.forEach((waypoint, index) => {
-                newWaypoints[`waypoint${index}`] = waypoints[waypoint] ?? {};
+                const newWaypointObj = waypoints[waypoint];
+                newWaypoints[`waypoint${index}`] = newWaypointObj ?? {};
                 // Find waypoint that BECOMES empty after dragging
                 if (isEmpty(newWaypoints[`waypoint${index}`]) && !isEmpty(waypoints[`waypoint${index}`] ?? {})) {
                     emptyWaypointIndex = index;
@@ -428,7 +429,7 @@ function IOURequestStepDistance({
                 <View style={styles.flex1}>
                     <DraggableList
                         data={waypointsList}
-                        keyExtractor={(item) => item}
+                        keyExtractor={(item) => (waypoints[item]?.keyForList ?? waypoints[item]?.address ?? '') + item || 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: `${waypointValue 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}_${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;
+
+    /** Key used internally by React */
+    keyForList?: string;
 };
 
 export default RecentWaypoint;

src/types/onyx/Transaction.ts

@@ -38,6 +38,9 @@ type Waypoint = {
 
     /** Address street line 2 */
     street2?: string;
+
+    /** Key used internally by React */
+    keyForList?: string;
 };
 
 type WaypointCollection = Record<string, RecentWaypoint | Waypoint>;