@@ -170,6 +170,7 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
170170const [ validateState , setValidateState ] = useState ( { } ) ;
171171const changeRef = useRef ( false )
172172const touchRef = useRef ( false ) ;
173+ const [ localInputValue , setLocalInputValue ] = useState < string > ( '' ) ;
173174
174175const propsRef = useRef < RecordConstructorToView < typeof textInputChildren > > ( props ) ;
175176propsRef . current = props ;
@@ -181,20 +182,26 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
181182props . value . onChange ( defaultValue )
182183} , [ defaultValue ] ) ;
183184
185+ useEffect ( ( ) => {
186+ if ( inputValue !== localInputValue ) {
187+ setLocalInputValue ( inputValue ) ;
188+ }
189+ } , [ inputValue ] ) ;
190+
184191useEffect ( ( ) => {
185192if ( ! changeRef . current ) return ;
186193
187194setValidateState (
188195textInputValidate ( {
189196 ...propsRef . current ,
190197value :{
191- value :inputValue ,
198+ value :localInputValue ,
192199} ,
193200} )
194201) ;
195202propsRef . current . onEvent ( "change" ) ;
196203changeRef . current = false ;
197- } , [ inputValue ] ) ;
204+ } , [ localInputValue ] ) ;
198205
199206useEffect ( ( ) => {
200207if ( ! touchRef . current ) return ;
@@ -203,7 +210,7 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
203210textInputValidate ( {
204211 ...propsRef . current ,
205212value :{
206- value :props . value . value ,
213+ value :localInputValue ,
207214} ,
208215} )
209216) ;
@@ -212,19 +219,26 @@ export const useTextInputProps = (props: RecordConstructorToView<typeof textInpu
212219const debouncedOnChangeRef = useRef (
213220debounce ( ( value :string ) => {
214221props . value . onChange ( value ) ;
215- changeRef . current = true ;
216- touchRef . current = true ;
217222} , 1000 )
218223) ;
219224
220225const handleChange = ( e :ChangeEvent < HTMLInputElement > ) => {
221226const value = e . target . value ;
227+ setLocalInputValue ( value ) ;
228+
229+ changeRef . current = true ;
230+ touchRef . current = true ;
222231debouncedOnChangeRef . current ?.( value ) ;
223232} ;
224233
225234return [
226235{
227- ...textInputProps ( props ) ,
236+ ...textInputProps ( {
237+ ...props ,
238+ value :{
239+ value :localInputValue ,
240+ } as any ,
241+ } ) ,
228242onChange :handleChange ,
229243} ,
230244validateState ,