perf: Radio Group usePrevious instead of useState (#25122)

* perf: Radio Group usePrevious instead of useState

* fix: only re-run if value changes

* perf: put usePrevious custom Hook in _util/ref.ts

* Generics instead of any

* update

components/_util/ref.ts

@@ -15,3 +15,13 @@ export function composeRef<T>(...refs: React.Ref<T>[]): React.Ref<T> {
     });
   };
 }
+
+export function usePrevious<T = undefined>(value: T): T | undefined {
+  const ref = React.useRef<T>();
+
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]);
+
+  return ref.current;
+}

components/radio/group.tsx

@@ -5,6 +5,7 @@ import { RadioGroupProps, RadioChangeEvent, RadioGroupButtonStyle } from './inte
 import { ConfigContext } from '../config-provider';
 import SizeContext from '../config-provider/SizeContext';
 import { RadioGroupContextProvider } from './context';
+import { usePrevious } from '../_util/ref';
 
 const RadioGroup: React.FC<RadioGroupProps> = props => {
   const { getPrefixCls, direction } = React.useContext(ConfigContext);
@@ -17,10 +18,9 @@ const RadioGroup: React.FC<RadioGroupProps> = props => {
     initValue = props.defaultValue;
   }
   const [value, setValue] = React.useState(initValue);
-  const [prevPropValue, setPrevPropValue] = React.useState(props.value);
+  const prevPropValue = usePrevious(props.value);
 
   React.useEffect(() => {
-    setPrevPropValue(props.value);
     if (props.value !== undefined || prevPropValue !== props.value) {
       setValue(props.value);
     }