Revert debounce input

WordPress · Jul 2, 2024 · 0c3b9a0 · 0c3b9a0
1 parent f57bf39
commit 0c3b9a0
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/packages/dataviews/src/dataform.tsx b/packages/dataviews/src/dataform.tsx
@@ -3,8 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { TextControl } from '@wordpress/components';
-import { useEffect, useMemo } from '@wordpress/element';
-import { useDebouncedInput } from '@wordpress/compose';
+import { useCallback, useMemo } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -31,23 +30,23 @@ function DataFormTextControl< Item >( {
 	onUpdate,
 }: DataFormTextControlProps< Item > ) {
 	const { id, header, placeholder } = field;
-	const [ value, setValue, debouncedValue ] = useDebouncedInput(
-		field.getValue( { item: data } )
-	);
+	const value = field.getValue( { item: data } );
 
-	useEffect( () => {
-		onUpdate( ( prevItem: any ) => ( {
-			...prevItem,
-			[ id ]: debouncedValue,
-		} ) );
-	}, [ debouncedValue ] );
+	const onChange = useCallback(
+		( newValue: string ) =>
+			onUpdate( ( prevItem: any ) => ( {
+				...prevItem,
+				[ id ]: newValue,
+			} ) ),
+		[ id, onUpdate ]
+	);
 
 	return (
 		<TextControl
 			label={ header }
 			placeholder={ placeholder }
 			value={ value }
-			onChange={ setValue }
+			onChange={ onChange }
 		/>
 	);
 }