From 205f47a8a3590ace026a1edd986aa36b866f9813 Mon Sep 17 00:00:00 2001
From: gijoe0295 <gijoe0295@gmail.com>
Date: Sun, 15 Sep 2024 13:24:24 +0700
Subject: [PATCH 1/6] fix: unique key warning

---
 src/components/MoneyRequestConfirmationListFooter.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationListFooter.tsx b/src/components/MoneyRequestConfirmationListFooter.tsx
index 93b80f5732d2..e36412b3f44a 100644
--- a/src/components/MoneyRequestConfirmationListFooter.tsx
+++ b/src/components/MoneyRequestConfirmationListFooter.tsx
@@ -300,7 +300,10 @@ function MoneyRequestConfirmationListFooter({
         },
         {
             item: (
-                <MentionReportContext.Provider value={mentionReportContextValue}>
+                <MentionReportContext.Provider
+                    key={translate('common.description')}
+                    value={mentionReportContextValue}
+                >
                     <MenuItemWithTopDescription
                         key={translate('common.description')}
                         shouldShowRightIcon={!isReadOnly}
@@ -504,7 +507,10 @@ function MoneyRequestConfirmationListFooter({
         },
         {
             item: (
-                <View style={[styles.flexRow, styles.justifyContentBetween, styles.alignItemsCenter, styles.ml5, styles.mr8, styles.optionRow]}>
+                <View
+                    key={translate('common.billable')}
+                    style={[styles.flexRow, styles.justifyContentBetween, styles.alignItemsCenter, styles.ml5, styles.mr8, styles.optionRow]}
+                >
                     <ToggleSettingOptionRow
                         switchAccessibilityLabel={translate('common.billable')}
                         title={translate('common.billable')}

From 3fcea03fc63a9f1c5ffe6466d4b4067ab333cf0f Mon Sep 17 00:00:00 2001
From: gijoe0295 <gijoe0295@gmail.com>
Date: Wed, 18 Sep 2024 01:12:21 +0700
Subject: [PATCH 2/6] fix: invalid prop inbetweenCompo of type boolean

---
 src/components/AddressSearch/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/AddressSearch/index.tsx b/src/components/AddressSearch/index.tsx
index c7753dccadd7..9f63f81a4c1f 100644
--- a/src/components/AddressSearch/index.tsx
+++ b/src/components/AddressSearch/index.tsx
@@ -462,15 +462,14 @@ function AddressSearch(
                         }}
                         inbetweenCompo={
                             // We want to show the current location button even if there are no recent destinations
-                            predefinedPlaces?.length === 0 &&
-                            shouldShowCurrentLocationButton && (
+                            predefinedPlaces?.length === 0 && shouldShowCurrentLocationButton ? (
                                 <View style={[StyleUtils.getGoogleListViewStyle(true), styles.overflowAuto, styles.borderLeft, styles.borderRight]}>
                                     <CurrentLocationButton
                                         onPress={getCurrentLocation}
                                         isDisabled={isOffline}
                                     />
                                 </View>
-                            )
+                            ) : undefined
                         }
                         placeholder=""
                         listViewDisplayed

From 0eee5faf00d7bc0913391cf9a60e7fd85467b923 Mon Sep 17 00:00:00 2001
From: gijoe0295 <gijoe0295@gmail.com>
Date: Wed, 18 Sep 2024 01:17:01 +0700
Subject: [PATCH 3/6] fix: invalid prop listEmptyComponent and
 listLoaderComponent of type function

---
 src/components/AddressSearch/index.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/AddressSearch/index.tsx b/src/components/AddressSearch/index.tsx
index 9f63f81a4c1f..5a3bb6f6cd5b 100644
--- a/src/components/AddressSearch/index.tsx
+++ b/src/components/AddressSearch/index.tsx
@@ -1,4 +1,4 @@
-import React, {forwardRef, useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import React, {forwardRef, useEffect, useMemo, useRef, useState} from 'react';
 import type {ForwardedRef} from 'react';
 import {ActivityIndicator, Keyboard, LogBox, View} from 'react-native';
 import type {LayoutChangeEvent} from 'react-native';
@@ -329,12 +329,12 @@ function AddressSearch(
         return predefinedPlaces?.filter((predefinedPlace) => isPlaceMatchForSearch(searchValue, predefinedPlace)) ?? [];
     }, [predefinedPlaces, searchValue]);
 
-    const listEmptyComponent = useCallback(
-        () => (!isTyping ? null : <Text style={[styles.textLabel, styles.colorMuted, styles.pv4, styles.ph3, styles.overflowAuto]}>{translate('common.noResultsFound')}</Text>),
+    const listEmptyComponent = useMemo(
+        () => (!isTyping ? undefined : <Text style={[styles.textLabel, styles.colorMuted, styles.pv4, styles.ph3, styles.overflowAuto]}>{translate('common.noResultsFound')}</Text>),
         [isTyping, styles, translate],
     );
 
-    const listLoader = useCallback(
+    const listLoader = useMemo(
         () => (
             <View style={[styles.pv4]}>
                 <ActivityIndicator
@@ -345,6 +345,7 @@ function AddressSearch(
         ),
         [styles.pv4, theme.spinner],
     );
+    ``;
 
     return (
         /*

From 5caf0b923e57a5e51cbb65ae35c5e47c2aec5509 Mon Sep 17 00:00:00 2001
From: gijoe0295 <gijoe0295@gmail.com>
Date: Wed, 18 Sep 2024 01:23:42 +0700
Subject: [PATCH 4/6] remove redundant changes

---
 src/components/AddressSearch/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/AddressSearch/index.tsx b/src/components/AddressSearch/index.tsx
index 5a3bb6f6cd5b..a06c76e4f869 100644
--- a/src/components/AddressSearch/index.tsx
+++ b/src/components/AddressSearch/index.tsx
@@ -345,7 +345,6 @@ function AddressSearch(
         ),
         [styles.pv4, theme.spinner],
     );
-    ``;
 
     return (
         /*

From e9ef0dc86d18f7dbcfbc7f1dd5007155a1c632d5 Mon Sep 17 00:00:00 2001
From: gijoe0295 <gijoe0295@gmail.com>
Date: Wed, 18 Sep 2024 01:38:26 +0700
Subject: [PATCH 5/6] fix lint: jsx deprecation

---
 src/components/MoneyRequestConfirmationListFooter.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MoneyRequestConfirmationListFooter.tsx b/src/components/MoneyRequestConfirmationListFooter.tsx
index e36412b3f44a..b77e3b993b8d 100644
--- a/src/components/MoneyRequestConfirmationListFooter.tsx
+++ b/src/components/MoneyRequestConfirmationListFooter.tsx
@@ -527,8 +527,8 @@ function MoneyRequestConfirmationListFooter({
         },
     ];
 
-    const primaryFields: JSX.Element[] = [];
-    const supplementaryFields: JSX.Element[] = [];
+    const primaryFields: React.JSX.Element[] = [];
+    const supplementaryFields: React.JSX.Element[] = [];
 
     classifiedFields.forEach((field) => {
         if (field.shouldShow && !field.isSupplementary) {

From f2f205be532fd93c7114d73c3cc0d56155a14ea7 Mon Sep 17 00:00:00 2001
From: gijoe0295 <gijoe0295@gmail.com>
Date: Thu, 19 Sep 2024 01:40:11 +0700
Subject: [PATCH 6/6] fix: unique key warning in MenuItemList

---
 src/components/MenuItemList.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/MenuItemList.tsx b/src/components/MenuItemList.tsx
index 2e732c691140..747e0578a0c4 100644
--- a/src/components/MenuItemList.tsx
+++ b/src/components/MenuItemList.tsx
@@ -84,6 +84,7 @@ function MenuItemList({
         <>
             {menuItems.map((menuItemProps) => (
                 <OfflineWithFeedback
+                    key={menuItemProps.key ?? menuItemProps.title}
                     pendingAction={menuItemProps.pendingAction}
                     onClose={menuItemProps.onPendingActionDismiss}
                     errors={menuItemProps.error}