Revert "feat: Prevent onChange from firing in TextFields while user is typing via IME (#8519)" (#8554)

This reverts commit 769d725.

Author: LFDanLu

packages/@react-aria/textfield/src/useTextField.ts

@@ -11,17 +11,15 @@
  */
 
 import {AriaTextFieldProps} from '@react-types/textfield';
-import {chain, filterDOMProps, getOwnerWindow, mergeProps, useFormReset} from '@react-aria/utils';
 import {DOMAttributes, ValidationResult} from '@react-types/shared';
+import {filterDOMProps, getOwnerWindow, mergeProps, useFormReset} from '@react-aria/utils';
 import React, {
   ChangeEvent,
   HTMLAttributes,
   type JSX,
   LabelHTMLAttributes,
   RefObject,
-  useCallback,
   useEffect,
-  useRef,
   useState
 } from 'react';
 import {useControlledState} from '@react-stately/utils';
@@ -124,20 +122,9 @@ export function useTextField<T extends TextFieldIntrinsicElements = DefaultEleme
     isRequired = false,
     isReadOnly = false,
     type = 'text',
-    validationBehavior = 'aria',
-    onChange: onChangeProp
+    validationBehavior = 'aria'
   } = props;
-
-  let isComposing = useRef(false);
-  let onChange = useCallback((val) => {
-    if (isComposing.current) {
-      return;
-    }
-
-    onChangeProp?.(val);
-  }, [onChangeProp]);
-
-  let [value, setValue] = useControlledState<string>(props.value, props.defaultValue || '', onChange);
+  let [value, setValue] = useControlledState<string>(props.value, props.defaultValue || '', props.onChange);
   let {focusableProps} = useFocusable<TextFieldHTMLElementType[T]>(props, ref);
   let validationState = useFormValidationState({
     ...props,
@@ -178,17 +165,6 @@ export function useTextField<T extends TextFieldIntrinsicElements = DefaultEleme
     }
   }, [ref]);
 
-  let onCompositionStart = useCallback(() => {
-    isComposing.current = true;
-  }, []);
-
-  let onCompositionEnd = useCallback((e) => {
-    isComposing.current = false;
-    if (e.data !== '') {
-      onChangeProp?.(value);
-    }
-  }, [onChangeProp, value]);
-
   return {
     labelProps,
     inputProps: mergeProps(
@@ -225,8 +201,8 @@ export function useTextField<T extends TextFieldIntrinsicElements = DefaultEleme
         onPaste: props.onPaste,
 
         // Composition events
-        onCompositionEnd: chain(onCompositionEnd, props.onCompositionEnd),
-        onCompositionStart: chain(onCompositionStart, props.onCompositionStart),
+        onCompositionEnd: props.onCompositionEnd,
+        onCompositionStart: props.onCompositionStart,
         onCompositionUpdate: props.onCompositionUpdate,
 
         // Selection events