refactor: clean up some deprecated APIs (#24881)

components/auto-complete/index.tsx

@@ -37,7 +37,7 @@ function isSelectOptionOrSelectOptGroup(child: any): Boolean {
   return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
 }
 
-const AutoComplete: React.RefForwardingComponent<Select, AutoCompleteProps> = (props, ref) => {
+const AutoComplete: React.ForwardRefRenderFunction<Select, AutoCompleteProps> = (props, ref) => {
   const { prefixCls: customizePrefixCls, className, children, dataSource } = props;
   const childNodes: React.ReactElement[] = toArray(children);
 

components/config-provider/context.tsx

@@ -46,7 +46,7 @@ export const ConfigConsumer = ConfigContext.Consumer;
 // =========================== withConfigConsumer ===========================
 // We need define many types here. So let's put in the block region
 type IReactComponent<P = any> =
-  | React.StatelessComponent<P>
+  | React.FC<P>
   | React.ComponentClass<P>
   | React.ClassicComponentClass<P>;
 

components/input/Group.tsx

@@ -15,7 +15,7 @@ export interface GroupProps {
   compact?: boolean;
 }
 
-const Group: React.StatelessComponent<GroupProps> = props => (
+const Group: React.FC<GroupProps> = props => (
   <ConfigConsumer>
     {({ getPrefixCls, direction }: ConfigConsumerProps) => {
       const { prefixCls: customizePrefixCls, className = '' } = props;

components/modal/useModal/HookModal.tsx

@@ -21,7 +21,7 @@ interface ModalLocale {
   justOkText: string;
 }
 
-const HookModal: React.RefForwardingComponent<HookModalRef, HookModalProps> = (
+const HookModal: React.ForwardRefRenderFunction<HookModalRef, HookModalProps> = (
   { afterClose, config },
   ref,
 ) => {

components/typography/Typography.tsx

@@ -19,7 +19,7 @@ interface InternalTypographyProps extends TypographyProps {
   setContentRef?: (node: HTMLElement) => void;
 }
 
-const Typography: React.RefForwardingComponent<{}, InternalTypographyProps> = (
+const Typography: React.ForwardRefRenderFunction<{}, InternalTypographyProps> = (
   {
     prefixCls: customizePrefixCls,
     component = 'article',