From 09e0d7400c47e79d39210a50433ede79684b1461 Mon Sep 17 00:00:00 2001
From: cdOut <88325488+cdOut@users.noreply.github.com>
Date: Tue, 24 Oct 2023 18:29:11 +0200
Subject: [PATCH 1/2] Add FormProvider in EditRequestDescriptionPage

---
 src/pages/EditRequestDescriptionPage.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/EditRequestDescriptionPage.js b/src/pages/EditRequestDescriptionPage.js
index 0c0fcad7f60b..2a8bb8785124 100644
--- a/src/pages/EditRequestDescriptionPage.js
+++ b/src/pages/EditRequestDescriptionPage.js
@@ -5,13 +5,14 @@ import {useFocusEffect} from '@react-navigation/native';
 import TextInput from '../components/TextInput';
 import ScreenWrapper from '../components/ScreenWrapper';
 import HeaderWithBackButton from '../components/HeaderWithBackButton';
-import Form from '../components/Form';
 import ONYXKEYS from '../ONYXKEYS';
 import styles from '../styles/styles';
 import CONST from '../CONST';
 import useLocalize from '../hooks/useLocalize';
 import * as Browser from '../libs/Browser';
 import updateMultilineInputRange from '../libs/UpdateMultilineInputRange';
+import FormProvider from '../components/Form/FormProvider';
+import InputWrapper from '../components/Form/InputWrapper';
 
 const propTypes = {
     /** Transaction default description value */
@@ -49,7 +50,7 @@ function EditRequestDescriptionPage({defaultDescription, onSubmit}) {
             testID={EditRequestDescriptionPage.displayName}
         >
             <HeaderWithBackButton title={translate('common.description')} />
-            <Form
+            <FormProvider
                 style={[styles.flexGrow1, styles.ph5]}
                 formID={ONYXKEYS.FORMS.MONEY_REQUEST_DESCRIPTION_FORM}
                 onSubmit={onSubmit}
@@ -57,8 +58,9 @@ function EditRequestDescriptionPage({defaultDescription, onSubmit}) {
                 enabledWhenOffline
             >
                 <View style={styles.mb4}>
-                    <TextInput
+                    <InputWrapper
                         // Comment field does not have its modified counterpart
+                        InputComponent={TextInput}
                         inputID="comment"
                         name="comment"
                         defaultValue={defaultDescription}
@@ -78,7 +80,7 @@ function EditRequestDescriptionPage({defaultDescription, onSubmit}) {
                         submitOnEnter={!Browser.isMobile()}
                     />
                 </View>
-            </Form>
+            </FormProvider>
         </ScreenWrapper>
     );
 }

From a027e642e1049b7972967a18046b7370eb9666b7 Mon Sep 17 00:00:00 2001
From: cdOut <88325488+cdOut@users.noreply.github.com>
Date: Mon, 30 Oct 2023 12:17:15 +0100
Subject: [PATCH 2/2] fix prettier and lint

---
 src/pages/EditRequestDescriptionPage.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/EditRequestDescriptionPage.js b/src/pages/EditRequestDescriptionPage.js
index e0fc33d5bdf8..d83df3a07671 100644
--- a/src/pages/EditRequestDescriptionPage.js
+++ b/src/pages/EditRequestDescriptionPage.js
@@ -2,6 +2,8 @@ import {useFocusEffect} from '@react-navigation/native';
 import PropTypes from 'prop-types';
 import React, {useCallback, useRef} from 'react';
 import {View} from 'react-native';
+import FormProvider from '@components/Form/FormProvider';
+import InputWrapperWithRef from '@components/Form/InputWrapper';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import ScreenWrapper from '@components/ScreenWrapper';
 import TextInput from '@components/TextInput';
@@ -11,8 +13,6 @@ import updateMultilineInputRange from '@libs/UpdateMultilineInputRange';
 import styles from '@styles/styles';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
-import FormProvider from '@components/Form/FormProvider';
-import InputWrapperWithRef from '@components/Form/InputWrapper';
 
 const propTypes = {
     /** Transaction default description value */