fixed confirm modal exported from a hook, because it's exit animation didn't fire

Author: collectioneur

src/hooks/useDeleteSavedSearch.tsx

@@ -32,20 +32,18 @@ export default function useDeleteSavedSearch() {
         }
     };
 
-    function DeleteConfirmModal() {
-        return (
-            <ConfirmModal
-                title={translate('search.deleteSavedSearch')}
-                onConfirm={handleDelete}
-                onCancel={() => setIsDeleteModalVisible(false)}
-                isVisible={isDeleteModalVisible}
-                prompt={translate('search.deleteSavedSearchConfirm')}
-                confirmText={translate('common.delete')}
-                cancelText={translate('common.cancel')}
-                danger
-            />
-        );
-    }
+    const DeleteConfirmModal = (
+        <ConfirmModal
+            title={translate('search.deleteSavedSearch')}
+            onConfirm={handleDelete}
+            onCancel={() => setIsDeleteModalVisible(false)}
+            isVisible={isDeleteModalVisible}
+            prompt={translate('search.deleteSavedSearchConfirm')}
+            confirmText={translate('common.delete')}
+            cancelText={translate('common.cancel')}
+            danger
+        />
+    );
 
     return {showDeleteModal, DeleteConfirmModal};
 }

src/pages/Search/SearchTypeMenu.tsx

@@ -277,7 +277,7 @@ function SearchTypeMenu({queryJSON}: SearchTypeMenuProps) {
                     <View>
                         <Text style={styles.sectionTitle}>{translate('search.savedSearchesMenuItemTitle')}</Text>
                         {renderSavedSearchesSection(savedSearchesMenuItems)}
-                        <DeleteConfirmModal />
+                        {DeleteConfirmModal}
                     </View>
                 )}
             </View>