diff --git a/.dumi/pages/index/components/Theme/ThemePicker.tsx b/.dumi/pages/index/components/Theme/ThemePicker.tsx
index dc3ff97607..ac22c57c30 100644
--- a/.dumi/pages/index/components/Theme/ThemePicker.tsx
+++ b/.dumi/pages/index/components/Theme/ThemePicker.tsx
@@ -85,7 +85,7 @@ const ThemePicker: React.FC<ThemePickerProps> = (props) => {
   const [locale] = useLocale(locales);
   return (
     <Flex gap="large" wrap="wrap">
-      {Object.keys(THEMES).map<React.ReactNode>((theme: THEME, index) => (
+      {(Object.keys(THEMES) as (keyof typeof THEMES)[]).map<React.ReactNode>((theme, index) => (
         <Flex vertical gap="small" justify="center" align="center" key={theme}>
           <label
             onClick={() => onChange?.(theme)}
diff --git a/components/_util/PurePanel.tsx b/components/_util/PurePanel.tsx
index beb473177e..f0b2f81af0 100644
--- a/components/_util/PurePanel.tsx
+++ b/components/_util/PurePanel.tsx
@@ -45,7 +45,7 @@ const genPurePanel = <ComponentProps extends BaseProps = BaseProps>(
 
       if (typeof ResizeObserver !== 'undefined') {
         const resizeObserver = new ResizeObserver((entries) => {
-          const element: HTMLDivElement = entries[0].target as any;
+          const element = entries[0].target as HTMLDivElement;
           setPopupHeight(element.offsetHeight + 8);
           setPopupWidth(element.offsetWidth);
         });
diff --git a/components/_util/responsiveObserver.ts b/components/_util/responsiveObserver.ts
index ca4b3f7844..26a487f485 100644
--- a/components/_util/responsiveObserver.ts
+++ b/components/_util/responsiveObserver.ts
@@ -95,16 +95,16 @@ export default function useResponsiveObserver() {
         if (!subscribers.size) this.unregister();
       },
       unregister() {
-        Object.keys(responsiveMap).forEach((screen: Breakpoint) => {
-          const matchMediaQuery = responsiveMap[screen];
+        Object.keys(responsiveMap).forEach((screen) => {
+          const matchMediaQuery = responsiveMap[screen as Breakpoint];
           const handler = this.matchHandlers[matchMediaQuery];
           handler?.mql.removeListener(handler?.listener);
         });
         subscribers.clear();
       },
       register() {
-        Object.keys(responsiveMap).forEach((screen: Breakpoint) => {
-          const matchMediaQuery = responsiveMap[screen];
+        Object.keys(responsiveMap).forEach((screen) => {
+          const matchMediaQuery = responsiveMap[screen as Breakpoint];
           const listener = ({ matches }: { matches: boolean }) => {
             this.dispatch({
               ...screens,
diff --git a/components/affix/__tests__/Affix.test.tsx b/components/affix/__tests__/Affix.test.tsx
index 5f2f594bc5..211218d8b8 100644
--- a/components/affix/__tests__/Affix.test.tsx
+++ b/components/affix/__tests__/Affix.test.tsx
@@ -23,7 +23,7 @@ const AffixMounter: React.FC<AffixProps> = (props) => {
       container.current.addEventListener = jest
         .fn()
         .mockImplementation((event: keyof HTMLElementEventMap, cb: (ev: Event) => void) => {
-          events[event] = cb;
+          (events as any)[event] = cb;
         });
     }
   }, []);
@@ -37,8 +37,8 @@ const AffixMounter: React.FC<AffixProps> = (props) => {
 };
 
 describe('Affix Render', () => {
-  rtlTest(Affix);
-  accessibilityTest(Affix);
+  rtlTest(Affix as any);
+  accessibilityTest(Affix as any);
 
   const domMock = jest.spyOn(HTMLElement.prototype, 'getBoundingClientRect');
 
diff --git a/components/affix/__tests__/demo.test.tsx b/components/affix/__tests__/demo.test.tsx
index 85dc90a0e6..3cb3f0bfcf 100644
--- a/components/affix/__tests__/demo.test.tsx
+++ b/components/affix/__tests__/demo.test.tsx
@@ -1,5 +1,6 @@
-import { spyElementPrototype } from 'rc-util/lib/test/domHook';
 import * as React from 'react';
+import { spyElementPrototype } from 'rc-util/lib/test/domHook';
+
 import demoTest, { rootPropsTest } from '../../../tests/shared/demoTest';
 
 demoTest('affix', {
@@ -16,10 +17,11 @@ rootPropsTest(
   {
     beforeRender: () => {
       spyElementPrototype(HTMLElement, 'getBoundingClientRect', function getBoundingClientRect() {
+        // @ts-ignore
         if (this.id === 'holder') {
           return { top: 0, bottom: 100 };
         }
-
+        // @ts-ignore
         if (this.className === 'fixed') {
           return { top: -100, bottom: -100 };
         }
diff --git a/components/calendar/__tests__/index.test.tsx b/components/calendar/__tests__/index.test.tsx
index a5d3eb59be..9768c9684f 100644
--- a/components/calendar/__tests__/index.test.tsx
+++ b/components/calendar/__tests__/index.test.tsx
@@ -334,7 +334,7 @@ describe('Calendar', () => {
     const onTypeChange = jest.fn();
     const value = Dayjs('2018-12-03');
     const wrapper = render(
-      <Header
+      <Header<Dayjs.Dayjs>
         prefixCls="ant-picker-calendar"
         generateConfig={dayjsGenerateConfig}
         onModeChange={onTypeChange}
diff --git a/components/calendar/generateCalendar.tsx b/components/calendar/generateCalendar.tsx
index 1202acf854..4bf3304602 100644
--- a/components/calendar/generateCalendar.tsx
+++ b/components/calendar/generateCalendar.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
+import type { BasePickerPanelProps as RcBasePickerPanelProps } from 'rc-picker';
 import { PickerPanel as RCPickerPanel } from 'rc-picker';
 import type { GenerateConfig } from 'rc-picker/lib/generate';
 import type { CellRenderInfo } from 'rc-picker/lib/interface';
@@ -246,7 +247,7 @@ function generateCalendar<DateType extends AnyObject>(generateConfig: GenerateCo
 
     const [contextLocale] = useLocale('Calendar', getDefaultLocale);
 
-    const mergedCellRender = (current: DateType, info: CellRenderInfo<DateType>) => {
+    const mergedCellRender: RcBasePickerPanelProps['cellRender'] = (current, info) => {
       if (info.type === 'date') {
         return dateRender(current, info);
       }
diff --git a/components/card/Card.tsx b/components/card/Card.tsx
index a4edc55663..1d7e5f67da 100644
--- a/components/card/Card.tsx
+++ b/components/card/Card.tsx
@@ -147,7 +147,7 @@ const Card = React.forwardRef<HTMLDivElement, CardProps>((props, ref) => {
 
   const isContainGrid = React.useMemo<boolean>(() => {
     let containGrid = false;
-    React.Children.forEach(children, (element: JSX.Element) => {
+    React.Children.forEach(children as React.ReactElement, (element: JSX.Element) => {
       if (element && element.type && element.type === Grid) {
         containGrid = true;
       }
diff --git a/components/cascader/demo/change-on-select.tsx b/components/cascader/demo/change-on-select.tsx
index 358d4d68c4..a9da7593c9 100644
--- a/components/cascader/demo/change-on-select.tsx
+++ b/components/cascader/demo/change-on-select.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string;
@@ -42,7 +43,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/demo/custom-render.tsx b/components/cascader/demo/custom-render.tsx
index ba74aa12b1..a7fe56b9cd 100644
--- a/components/cascader/demo/custom-render.tsx
+++ b/components/cascader/demo/custom-render.tsx
@@ -57,7 +57,7 @@ const handleAreaClick = (
   console.log('clicked', label, option);
 };
 
-const displayRender = (labels: string[], selectedOptions: DefaultOptionType[]) =>
+const displayRender: CascaderProps<Option>['displayRender'] = (labels, selectedOptions = []) =>
   labels.map((label, i) => {
     const option = selectedOptions[i];
     if (i === labels.length - 1) {
diff --git a/components/cascader/demo/custom-trigger.tsx b/components/cascader/demo/custom-trigger.tsx
index 0424d713e0..65469a9ea2 100644
--- a/components/cascader/demo/custom-trigger.tsx
+++ b/components/cascader/demo/custom-trigger.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string;
@@ -33,7 +34,7 @@ const options: Option[] = [
 const App: React.FC = () => {
   const [text, setText] = useState('Unselect');
 
-  const onChange = (_: string[], selectedOptions: Option[]) => {
+  const onChange: SingleCascaderProps<Option>['onChange'] = (_, selectedOptions) => {
     setText(selectedOptions.map((o) => o.label).join(', '));
   };
 
diff --git a/components/cascader/demo/default-value.tsx b/components/cascader/demo/default-value.tsx
index a2b782fa22..926d57e00a 100644
--- a/components/cascader/demo/default-value.tsx
+++ b/components/cascader/demo/default-value.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string;
@@ -42,7 +43,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/demo/disabled-option.tsx b/components/cascader/demo/disabled-option.tsx
index 63176fecfc..3a06f2a0b9 100644
--- a/components/cascader/demo/disabled-option.tsx
+++ b/components/cascader/demo/disabled-option.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string;
@@ -44,7 +45,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/demo/fields-name.tsx b/components/cascader/demo/fields-name.tsx
index 4e0a1f6570..29ef521faa 100644
--- a/components/cascader/demo/fields-name.tsx
+++ b/components/cascader/demo/fields-name.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   code: string;
@@ -42,7 +43,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/demo/hover.tsx b/components/cascader/demo/hover.tsx
index 1978e1493b..b0cb179a13 100644
--- a/components/cascader/demo/hover.tsx
+++ b/components/cascader/demo/hover.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string;
@@ -42,7 +43,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/demo/multiple.tsx b/components/cascader/demo/multiple.tsx
index b174e0c769..72ab9bb48b 100644
--- a/components/cascader/demo/multiple.tsx
+++ b/components/cascader/demo/multiple.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { MultipleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string | number;
@@ -43,7 +44,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[][]) => {
+const onChange: MultipleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/demo/panel.tsx b/components/cascader/demo/panel.tsx
index 845622e0cf..50af7e0420 100644
--- a/components/cascader/demo/panel.tsx
+++ b/components/cascader/demo/panel.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader, Flex } from 'antd';
+import type { MultipleCascaderProps, SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string | number;
@@ -42,14 +43,18 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
+  console.log(value);
+};
+
+const onMultipleChange: MultipleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
 const App: React.FC = () => (
   <Flex vertical gap="small" align="flex-start">
     <Cascader.Panel options={options} onChange={onChange} />
-    <Cascader.Panel multiple options={options} onChange={onChange} />
+    <Cascader.Panel multiple options={options} onChange={onMultipleChange} />
     <Cascader.Panel />
   </Flex>
 );
diff --git a/components/cascader/demo/search.tsx b/components/cascader/demo/search.tsx
index f337ef37ff..ba26a07eb2 100644
--- a/components/cascader/demo/search.tsx
+++ b/components/cascader/demo/search.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Cascader } from 'antd';
-import type { GetProp, CascaderProps } from 'antd';
+import type { CascaderProps, GetProp } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 type DefaultOptionType = GetProp<CascaderProps, 'options'>[number];
 
@@ -51,7 +52,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[], selectedOptions: Option[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value, selectedOptions) => {
   console.log(value, selectedOptions);
 };
 
diff --git a/components/cascader/demo/showCheckedStrategy.tsx b/components/cascader/demo/showCheckedStrategy.tsx
index c865677493..d924b50bc0 100644
--- a/components/cascader/demo/showCheckedStrategy.tsx
+++ b/components/cascader/demo/showCheckedStrategy.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { MultipleCascaderProps } from 'antd/es/cascader';
 
 const { SHOW_CHILD } = Cascader;
 
@@ -43,7 +44,7 @@ const options: Option[] = [
 ];
 
 const App: React.FC = () => {
-  const onChange = (value: string[][]) => {
+  const onChange: MultipleCascaderProps<Option>['onChange'] = (value) => {
     console.log(value);
   };
   return (
diff --git a/components/cascader/demo/size.tsx b/components/cascader/demo/size.tsx
index ce9262fdfb..a414b14350 100644
--- a/components/cascader/demo/size.tsx
+++ b/components/cascader/demo/size.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string;
@@ -42,7 +43,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/demo/suffix.tsx b/components/cascader/demo/suffix.tsx
index 3b9b703a4a..2c2d02593e 100644
--- a/components/cascader/demo/suffix.tsx
+++ b/components/cascader/demo/suffix.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { SmileOutlined } from '@ant-design/icons';
 import { Cascader } from 'antd';
+import type { SingleCascaderProps } from 'antd/es/cascader';
 
 interface Option {
   value: string;
@@ -43,7 +44,7 @@ const options: Option[] = [
   },
 ];
 
-const onChange = (value: string[]) => {
+const onChange: SingleCascaderProps<Option>['onChange'] = (value) => {
   console.log(value);
 };
 
diff --git a/components/cascader/index.tsx b/components/cascader/index.tsx
index 670cff1794..24180832c0 100644
--- a/components/cascader/index.tsx
+++ b/components/cascader/index.tsx
@@ -56,7 +56,10 @@ function highlightKeyword(str: string, lowerKeyword: string, prefixCls?: string)
   const cells = str
     .toLowerCase()
     .split(lowerKeyword)
-    .reduce((list, cur, index) => (index === 0 ? [cur] : [...list, lowerKeyword, cur]), []);
+    .reduce<string[]>(
+      (list, cur, index) => (index === 0 ? [cur] : [...list, lowerKeyword, cur]),
+      [],
+    );
   const fillCells: React.ReactNode[] = [];
   let start = 0;
 
@@ -102,13 +105,13 @@ const defaultSearchRender: ShowSearchType['render'] = (inputValue, path, prefixC
   return optionList;
 };
 
-type SingleCascaderProps<OptionType extends BaseOptionType> = Omit<
+export type SingleCascaderProps<OptionType extends BaseOptionType = any> = Omit<
   RcSingleCascaderProps<OptionType>,
   'checkable' | 'options'
 > & {
   multiple?: false;
 };
-type MultipleCascaderProps<OptionType extends BaseOptionType> = Omit<
+export type MultipleCascaderProps<OptionType extends BaseOptionType = any> = Omit<
   RcMultipleCascaderProps<OptionType>,
   'checkable' | 'options'
 > & {
diff --git a/components/checkbox/Checkbox.tsx b/components/checkbox/Checkbox.tsx
index bab2c60b95..f25c93d2e6 100644
--- a/components/checkbox/Checkbox.tsx
+++ b/components/checkbox/Checkbox.tsx
@@ -154,6 +154,7 @@ const InternalCheckbox: React.ForwardRefRenderFunction<CheckboxRef, CheckboxProp
         onMouseEnter={onMouseEnter}
         onMouseLeave={onMouseLeave}
       >
+        {/* @ts-ignore */}
         <RcCheckbox
           aria-checked={ariaChecked}
           {...checkboxProps}
diff --git a/components/checkbox/Group.tsx b/components/checkbox/Group.tsx
index c7549aed64..893093b853 100644
--- a/components/checkbox/Group.tsx
+++ b/components/checkbox/Group.tsx
@@ -6,6 +6,7 @@ import { ConfigContext } from '../config-provider';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import type { CheckboxChangeEvent } from './Checkbox';
 import Checkbox from './Checkbox';
+import type { CheckboxGroupContext } from './GroupContext';
 import GroupContext from './GroupContext';
 import useStyle from './style';
 
@@ -69,7 +70,7 @@ const CheckboxGroup = React.forwardRef(
 
     const memoOptions = React.useMemo<CheckboxOptionType<T>[]>(
       () =>
-        options.map<CheckboxOptionType<T>>((option: CheckboxOptionType<T>) => {
+        options.map<CheckboxOptionType<T>>((option: any) => {
           if (typeof option === 'string' || typeof option === 'number') {
             return { label: option, value: option };
           }
@@ -82,11 +83,11 @@ const CheckboxGroup = React.forwardRef(
       setRegisteredValues((prevValues) => prevValues.filter((v) => v !== val));
     };
 
-    const registerValue = (val: T) => {
+    const registerValue: CheckboxGroupContext<T>['registerValue'] = (val) => {
       setRegisteredValues((prevValues) => [...prevValues, val]);
     };
 
-    const toggleOption = (option: CheckboxOptionType<T>) => {
+    const toggleOption: CheckboxGroupContext<T>['toggleOption'] = (option) => {
       const optionIndex = value.indexOf(option.value);
       const newValue = [...value];
       if (optionIndex === -1) {
@@ -136,8 +137,7 @@ const CheckboxGroup = React.forwardRef(
         ))
       : children;
 
-    // eslint-disable-next-line react/jsx-no-constructed-context-values
-    const context = {
+    const context: CheckboxGroupContext<any> = {
       toggleOption,
       value,
       disabled: restProps.disabled,
diff --git a/components/checkbox/GroupContext.ts b/components/checkbox/GroupContext.ts
index b356f4b9ef..b92b6d84fd 100644
--- a/components/checkbox/GroupContext.ts
+++ b/components/checkbox/GroupContext.ts
@@ -1,9 +1,10 @@
 import React from 'react';
+
 import type { CheckboxOptionType, CheckboxValueType } from './Group';
 
 export interface CheckboxGroupContext<T extends CheckboxValueType = CheckboxValueType> {
   name?: string;
-  toggleOption?: (option: CheckboxOptionType) => void;
+  toggleOption?: (option: CheckboxOptionType<T>) => void;
   value?: any;
   disabled?: boolean;
   registerValue: (val: T) => void;
diff --git a/components/collapse/Collapse.tsx b/components/collapse/Collapse.tsx
index 985c785dda..7d124f68a4 100644
--- a/components/collapse/Collapse.tsx
+++ b/components/collapse/Collapse.tsx
@@ -155,6 +155,7 @@ const Collapse = React.forwardRef<HTMLDivElement, CollapseProps>((props, ref) =>
   );
 
   return wrapCSSVar(
+    // @ts-ignore
     <RcCollapse
       ref={ref}
       openMotion={openMotion}
diff --git a/components/collapse/__tests__/index.test.tsx b/components/collapse/__tests__/index.test.tsx
index a7e23f68e6..1b6b3f108a 100644
--- a/components/collapse/__tests__/index.test.tsx
+++ b/components/collapse/__tests__/index.test.tsx
@@ -1,9 +1,8 @@
 import React from 'react';
-
 import { act } from 'react-dom/test-utils';
 
-import { fireEvent, render, waitFakeTimer } from '../../../tests/utils';
 import { resetWarned } from '../../_util/warning';
+import { fireEvent, render, waitFakeTimer } from '../../../tests/utils';
 
 describe('Collapse', () => {
   // eslint-disable-next-line global-require
@@ -160,7 +159,7 @@ describe('Collapse', () => {
       .spyOn(window, 'requestAnimationFrame')
       .mockImplementation((cb) => setTimeout(cb, 16.66));
 
-    let setActiveKeyOuter: React.Dispatch<React.SetStateAction<React.Key>>;
+    let setActiveKeyOuter: React.Dispatch<React.SetStateAction<React.Key | undefined>>;
     const Test: React.FC = () => {
       const [activeKey, setActiveKey] = React.useState<React.Key>();
       setActiveKeyOuter = setActiveKey;
diff --git a/components/color-picker/ColorPicker.tsx b/components/color-picker/ColorPicker.tsx
index a89171d23f..579a419009 100644
--- a/components/color-picker/ColorPicker.tsx
+++ b/components/color-picker/ColorPicker.tsx
@@ -1,5 +1,4 @@
 import React, { useContext, useMemo, useRef } from 'react';
-import type { HsbaColorType } from '@rc-component/color-picker';
 import classNames from 'classnames';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
 
@@ -15,6 +14,7 @@ import { FormItemInputContext, NoFormStyle } from '../form/context';
 import type { PopoverProps } from '../popover';
 import Popover from '../popover';
 import type { Color } from './color';
+import type { ColorPickerPanelProps } from './ColorPickerPanel';
 import ColorPickerPanel from './ColorPickerPanel';
 import ColorTrigger from './components/ColorTrigger';
 import useColorState from './hooks/useColorState';
@@ -118,8 +118,8 @@ const ColorPicker: CompoundedComponent = (props) => {
     );
   }
 
-  const handleChange = (data: Color, type?: HsbaColorType, pickColor?: boolean) => {
-    let color: Color = generateColor(data);
+  const handleChange: ColorPickerPanelProps['onChange'] = (data, type, pickColor) => {
+    let color: Color = generateColor(data as Color);
 
     // If color is cleared, reset alpha to 100
     const isNull = value === null || (!value && defaultValue === null);
diff --git a/components/color-picker/ColorPickerPanel.tsx b/components/color-picker/ColorPickerPanel.tsx
index fb837198c6..86146bad0b 100644
--- a/components/color-picker/ColorPickerPanel.tsx
+++ b/components/color-picker/ColorPickerPanel.tsx
@@ -1,6 +1,7 @@
-import type { HsbaColorType } from '@rc-component/color-picker';
 import type { FC } from 'react';
 import React from 'react';
+import type { HsbaColorType } from '@rc-component/color-picker';
+
 import Divider from '../divider';
 import type { Color } from './color';
 import PanelPicker from './components/PanelPicker';
@@ -8,7 +9,7 @@ import PanelPresets from './components/PanelPresets';
 import { PanelPickerProvider, PanelPresetsProvider } from './context';
 import type { ColorPickerBaseProps } from './interface';
 
-interface ColorPickerPanelProps extends ColorPickerBaseProps {
+export interface ColorPickerPanelProps extends ColorPickerBaseProps {
   onChange?: (value?: Color, type?: HsbaColorType, pickColor?: boolean) => void;
   onClear?: () => void;
 }
diff --git a/components/color-picker/components/ColorAlphaInput.tsx b/components/color-picker/components/ColorAlphaInput.tsx
index b59f442dda..16e69cd5f4 100644
--- a/components/color-picker/components/ColorAlphaInput.tsx
+++ b/components/color-picker/components/ColorAlphaInput.tsx
@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import React, { useEffect, useState } from 'react';
+
 import type { Color } from '../color';
 import type { ColorPickerBaseProps } from '../interface';
 import { generateColor, getAlphaColor } from '../util';
@@ -21,7 +22,7 @@ const ColorAlphaInput: FC<ColorAlphaInputProps> = ({ prefixCls, value, onChange
     }
   }, [value]);
 
-  const handleAlphaChange = (step: number) => {
+  const handleAlphaChange = (step: number | null) => {
     const hsba = alphaValue.toHsb();
     hsba.a = (step || 0) / 100;
     const genColor = generateColor(hsba);
diff --git a/components/color-picker/components/ColorInput.tsx b/components/color-picker/components/ColorInput.tsx
index 82b684a7fb..79b79a0aa2 100644
--- a/components/color-picker/components/ColorInput.tsx
+++ b/components/color-picker/components/ColorInput.tsx
@@ -1,9 +1,10 @@
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
 import type { FC } from 'react';
 import React, { useMemo } from 'react';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+
 import Select from '../../select';
 import type { Color } from '../color';
-import type { ColorPickerBaseProps } from '../interface';
+import type { ColorFormatType, ColorPickerBaseProps } from '../interface';
 import { ColorFormat } from '../interface';
 import ColorAlphaInput from './ColorAlphaInput';
 import ColorHexInput from './ColorHexInput';
@@ -30,7 +31,7 @@ const ColorInput: FC<ColorInputProps> = (props) => {
 
   const colorInputPrefixCls = `${prefixCls}-input`;
 
-  const handleFormatChange = (newFormat: ColorFormat) => {
+  const handleFormatChange = (newFormat: ColorFormatType) => {
     setColorFormat(newFormat);
   };
 
diff --git a/components/color-picker/components/ColorPresets.tsx b/components/color-picker/components/ColorPresets.tsx
index adbc137f18..28b41c3057 100644
--- a/components/color-picker/components/ColorPresets.tsx
+++ b/components/color-picker/components/ColorPresets.tsx
@@ -65,7 +65,7 @@ const ColorPresets: FC<ColorPresetsProps> = ({ prefixCls, presets, value: color,
     children: (
       <div className={`${colorPresetsPrefixCls}-items`}>
         {Array.isArray(preset?.colors) && preset.colors?.length > 0 ? (
-          preset.colors.map((presetColor: Color, index: number) => (
+          (preset.colors as Color[]).map((presetColor, index) => (
             <ColorBlock
               // eslint-disable-next-line react/no-array-index-key
               key={`preset-${index}-${presetColor.toHexString()}`}
diff --git a/components/color-picker/demo/format.tsx b/components/color-picker/demo/format.tsx
index dc3254fefd..2f88ff6df0 100644
--- a/components/color-picker/demo/format.tsx
+++ b/components/color-picker/demo/format.tsx
@@ -7,7 +7,7 @@ type Format = GetProp<ColorPickerProps, 'format'>;
 
 const HexCase: React.FC = () => {
   const [colorHex, setColorHex] = useState<Color>('#1677ff');
-  const [formatHex, setFormatHex] = useState<Format>('hex');
+  const [formatHex, setFormatHex] = useState<Format | undefined>('hex');
 
   const hexString = React.useMemo<string>(
     () => (typeof colorHex === 'string' ? colorHex : colorHex?.toHexString()),
diff --git a/components/color-picker/hooks/useColorState.ts b/components/color-picker/hooks/useColorState.ts
index b092997c3a..b4f85a3336 100644
--- a/components/color-picker/hooks/useColorState.ts
+++ b/components/color-picker/hooks/useColorState.ts
@@ -28,7 +28,7 @@ const useColorState = (
     return color;
   });
 
-  const setColorValue: typeof _setColorValue = (color: Color) => {
+  const setColorValue = (color: Color) => {
     _setColorValue(color);
     prevColor.current = color;
   };
diff --git a/components/color-picker/interface.ts b/components/color-picker/interface.ts
index c92eb9d508..cea2f571c6 100644
--- a/components/color-picker/interface.ts
+++ b/components/color-picker/interface.ts
@@ -1,8 +1,9 @@
 import type { CSSProperties, FC, ReactNode } from 'react';
-import type { Color } from './color';
 import type { ColorPickerProps as RcColorPickerProps } from '@rc-component/color-picker';
+
 import type { SizeType } from '../config-provider/SizeContext';
 import type { PopoverProps } from '../popover';
+import type { Color } from './color';
 
 export enum ColorFormat {
   hex = 'hex',
@@ -10,6 +11,8 @@ export enum ColorFormat {
   hsb = 'hsb',
 }
 
+export type ColorFormatType = keyof typeof ColorFormat;
+
 export interface PresetsItem {
   label: ReactNode;
   colors: (string | Color)[];
@@ -32,7 +35,7 @@ export type TriggerPlacement =
 export interface ColorPickerBaseProps {
   color?: Color;
   prefixCls: string;
-  format?: keyof typeof ColorFormat;
+  format?: ColorFormatType;
   allowClear?: boolean;
   disabled?: boolean;
   disabledAlpha?: boolean;
@@ -55,8 +58,8 @@ export type ColorPickerProps = Omit<
   disabled?: boolean;
   placement?: TriggerPlacement;
   trigger?: TriggerType;
-  format?: keyof typeof ColorFormat;
-  defaultFormat?: keyof typeof ColorFormat;
+  format?: ColorFormatType;
+  defaultFormat?: ColorFormatType;
   allowClear?: boolean;
   presets?: PresetsItem[];
   arrow?: boolean | { pointAtCenter: boolean };
@@ -71,7 +74,7 @@ export type ColorPickerProps = Omit<
   disabledAlpha?: boolean;
   [key: `data-${string}`]: string;
   onOpenChange?: (open: boolean) => void;
-  onFormatChange?: (format: ColorFormat) => void;
+  onFormatChange?: (format?: ColorFormatType) => void;
   onChange?: (value: Color, hex: string) => void;
   onClear?: () => void;
   onChangeComplete?: (value: Color) => void;
diff --git a/components/config-provider/hooks/useTheme.ts b/components/config-provider/hooks/useTheme.ts
index 34ce91635f..2e1c0f6de7 100644
--- a/components/config-provider/hooks/useTheme.ts
+++ b/components/config-provider/hooks/useTheme.ts
@@ -1,10 +1,11 @@
 import useMemo from 'rc-util/lib/hooks/useMemo';
 import isEqual from 'rc-util/lib/isEqual';
-import type { OverrideToken } from '../../theme/interface';
-import type { ThemeConfig } from '../context';
-import { defaultConfig } from '../../theme/internal';
-import useThemeKey from './useThemeKey';
+
 import { devUseWarning } from '../../_util/warning';
+import type { OverrideToken } from '../../theme/interface';
+import { defaultConfig } from '../../theme/internal';
+import type { ThemeConfig } from '../context';
+import useThemeKey from './useThemeKey';
 
 export default function useTheme(
   theme?: ThemeConfig,
@@ -51,7 +52,7 @@ export default function useTheme(
         ...parentThemeConfig.components,
       };
 
-      Object.keys(theme.components || {}).forEach((componentName: keyof OverrideToken) => {
+      (Object.keys(theme.components || {}) as (keyof OverrideToken)[]).forEach((componentName) => {
         mergedComponents[componentName] = {
           ...mergedComponents[componentName],
           ...theme.components![componentName],
diff --git a/components/config-provider/index.tsx b/components/config-provider/index.tsx
index d5f9df5421..de714cc910 100644
--- a/components/config-provider/index.tsx
+++ b/components/config-provider/index.tsx
@@ -467,7 +467,7 @@ const ProviderChildren: React.FC<ProviderChildrenProps> = (props) => {
     ...parentContext,
   };
 
-  Object.keys(baseConfig).forEach((key: keyof typeof baseConfig) => {
+  (Object.keys(baseConfig) as (keyof typeof baseConfig)[]).forEach((key) => {
     if (baseConfig[key] !== undefined) {
       (config as any)[key] = baseConfig[key];
     }
diff --git a/components/date-picker/demo/cell-render.tsx b/components/date-picker/demo/cell-render.tsx
index f54a60b293..a32bff5de1 100644
--- a/components/date-picker/demo/cell-render.tsx
+++ b/components/date-picker/demo/cell-render.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
+import type { DatePickerProps } from 'antd';
 import { DatePicker, Space, theme } from 'antd';
 import type { Dayjs } from 'dayjs';
-import type { CellRenderInfo } from 'rc-picker/es/interface';
 
 const App: React.FC = () => {
   const { token } = theme.useToken();
@@ -9,11 +9,11 @@ const App: React.FC = () => {
     border: `1px solid ${token.colorPrimary}`,
     borderRadius: '50%',
   };
-  const cellRender = React.useCallback((current: number | Dayjs, info: CellRenderInfo<Dayjs>) => {
+  const cellRender: DatePickerProps<Dayjs>['cellRender'] = (current, info) => {
     if (info.type !== 'date') {
       return info.originNode;
     }
-    if (typeof current === 'number') {
+    if (typeof current === 'number' || typeof current === 'string') {
       return <div className="ant-picker-cell-inner">{current}</div>;
     }
     return (
@@ -21,7 +21,7 @@ const App: React.FC = () => {
         {current.date()}
       </div>
     );
-  }, []);
+  };
   return (
     <Space size={12} direction="vertical">
       <DatePicker cellRender={cellRender} />
diff --git a/components/date-picker/demo/time.tsx b/components/date-picker/demo/time.tsx
index 2fc4255154..2da692f166 100644
--- a/components/date-picker/demo/time.tsx
+++ b/components/date-picker/demo/time.tsx
@@ -6,25 +6,27 @@ type RangePickerProps = GetProps<typeof DatePicker.RangePicker>;
 
 const { RangePicker } = DatePicker;
 
-const onChange = (
-  value: DatePickerProps['value'] | RangePickerProps['value'],
-  dateString: [string, string] | string,
-) => {
-  console.log('Selected Time: ', value);
-  console.log('Formatted Selected Time: ', dateString);
-};
-
 const onOk = (value: DatePickerProps['value'] | RangePickerProps['value']) => {
   console.log('onOk: ', value);
 };
 
 const App: React.FC = () => (
   <Space direction="vertical" size={12}>
-    <DatePicker showTime onChange={onChange} onOk={onOk} />
+    <DatePicker
+      showTime
+      onChange={(value, dateString) => {
+        console.log('Selected Time: ', value);
+        console.log('Formatted Selected Time: ', dateString);
+      }}
+      onOk={onOk}
+    />
     <RangePicker
       showTime={{ format: 'HH:mm' }}
       format="YYYY-MM-DD HH:mm"
-      onChange={onChange}
+      onChange={(value, dateString) => {
+        console.log('Selected Time: ', value);
+        console.log('Formatted Selected Time: ', dateString);
+      }}
       onOk={onOk}
     />
   </Space>
diff --git a/components/date-picker/generatePicker/generateRangePicker.tsx b/components/date-picker/generatePicker/generateRangePicker.tsx
index f3ff67ef75..398ac0e943 100644
--- a/components/date-picker/generatePicker/generateRangePicker.tsx
+++ b/components/date-picker/generatePicker/generateRangePicker.tsx
@@ -113,7 +113,7 @@ export default function generateRangePicker<DateType extends AnyObject>(
             </span>
           }
           disabled={mergedDisabled}
-          ref={innerRef}
+          ref={innerRef as any} // Need to modify PickerRef
           popupAlign={transPlacement2DropdownAlign(direction, placement)}
           placeholder={getRangePlaceholder(locale, picker, placeholder)}
           suffixIcon={suffixNode}
diff --git a/components/drawer/style/motion.ts b/components/drawer/style/motion.ts
index f0fd708672..bac5294c5a 100644
--- a/components/drawer/style/motion.ts
+++ b/components/drawer/style/motion.ts
@@ -65,9 +65,9 @@ const genMotionStyle: GenerateStyle<DrawerToken> = (token) => {
 
       // ======================= Panel ========================
       [`${componentCls}-panel-motion`]: ['left', 'right', 'top', 'bottom'].reduce(
-        (obj, direction: Direction) => ({
+        (obj, direction) => ({
           ...obj,
-          [`&-${direction}`]: getPanelMotionStyles(direction, motionDurationSlow),
+          [`&-${direction}`]: getPanelMotionStyles(direction as Direction, motionDurationSlow),
         }),
         {},
       ),
diff --git a/components/dropdown/__tests__/dropdown-button.test.tsx b/components/dropdown/__tests__/dropdown-button.test.tsx
index 040d7a4bd5..ec616c8d98 100644
--- a/components/dropdown/__tests__/dropdown-button.test.tsx
+++ b/components/dropdown/__tests__/dropdown-button.test.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
 import { render, waitFakeTimer } from '../../../tests/utils';
@@ -16,8 +17,8 @@ jest.mock('../dropdown', () => {
     Button: typeof ActualDropdownComponent.Button;
   } = (props) => {
     const clone: Record<string, any> = {};
-    Object.keys(props).forEach((key: keyof typeof props) => {
-      clone[key] = props[key];
+    Object.keys(props).forEach((key) => {
+      clone[key] = props[key as keyof typeof props];
     });
 
     dropdownProps = clone;
@@ -58,7 +59,7 @@ describe('DropdownButton', () => {
 
     const { rerender } = render(<DropdownButton {...props} />);
 
-    Object.keys(props).forEach((key: keyof DropdownProps) => {
+    (Object.keys(props) as (keyof DropdownProps)[]).forEach((key) => {
       expect(dropdownProps[key]).toBe(props[key]);
     });
 
diff --git a/components/form/FormItem/index.tsx b/components/form/FormItem/index.tsx
index cd4a78dca6..2d11985656 100644
--- a/components/form/FormItem/index.tsx
+++ b/components/form/FormItem/index.tsx
@@ -20,6 +20,7 @@ import useFrameState from '../hooks/useFrameState';
 import useItemRef from '../hooks/useItemRef';
 import useStyle from '../style';
 import { getFieldId, toArray } from '../util';
+import type { ItemHolderProps } from './ItemHolder';
 import ItemHolder from './ItemHolder';
 import StatusProvider from './StatusProvider';
 
@@ -199,7 +200,7 @@ function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.Rea
   };
 
   // >>>>> Collect noStyle Field error to the top FormItem
-  const onSubItemMetaChange = (subMeta: Meta & { destroy: boolean }, uniqueKeys: React.Key[]) => {
+  const onSubItemMetaChange: ItemHolderProps['onSubItemMetaChange'] = (subMeta, uniqueKeys) => {
     // Only `noStyle` sub item will trigger
     setSubFieldErrors((prevSubFieldErrors) => {
       const clone = {
@@ -210,7 +211,7 @@ function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.Rea
       const mergedNamePath = [...subMeta.name.slice(0, -1), ...uniqueKeys];
       const mergedNameKey = mergedNamePath.join(NAME_SPLIT);
 
-      if (subMeta.destroy) {
+      if ((subMeta as any).destroy) {
         // Remove
         delete clone[mergedNameKey];
       } else {
@@ -301,7 +302,7 @@ function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.Rea
       validateTrigger={mergedValidateTrigger}
       onMetaChange={onMetaChange}
     >
-      {(control, renderMeta, context: FormInstance<Values>) => {
+      {(control, renderMeta, context) => {
         const mergedName = toArray(name).length && renderMeta ? renderMeta.name : [];
         const fieldId = getFieldId(mergedName, formName);
 
@@ -423,7 +424,7 @@ function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.Rea
             </MemoInput>
           );
         } else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {
-          childNode = mergedChildren(context);
+          childNode = mergedChildren(context as any);
         } else {
           warning(
             !mergedName.length,
diff --git a/components/form/demo/without-form-create.tsx b/components/form/demo/without-form-create.tsx
index 69789cb56c..ed32340688 100644
--- a/components/form/demo/without-form-create.tsx
+++ b/components/form/demo/without-form-create.tsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import type { InputNumberProps } from 'antd';
 import { Form, InputNumber } from 'antd';
 
 type ValidateStatus = Parameters<typeof Form.Item>[0]['validateStatus'];
@@ -36,10 +37,10 @@ const App: React.FC = () => {
     errorMsg?: string | null;
   }>({ value: 11 });
 
-  const onNumberChange = (value: number) => {
+  const onNumberChange: InputNumberProps['onChange'] = (value) => {
     setNumber({
-      ...validatePrimeNumber(value),
-      value,
+      ...validatePrimeNumber(value as number),
+      value: value as number,
     });
   };
 
diff --git a/components/grid/demo/playground.tsx b/components/grid/demo/playground.tsx
index adbf269960..25126fd025 100644
--- a/components/grid/demo/playground.tsx
+++ b/components/grid/demo/playground.tsx
@@ -43,7 +43,7 @@ const App: React.FC = () => {
           onChange={setGutterKey}
           marks={gutters}
           step={null}
-          tooltip={{ formatter: (value: number) => gutters[value] }}
+          tooltip={{ formatter: (value) => gutters[value as number] }}
         />
       </div>
       <span>Vertical Gutter (px): </span>
@@ -55,7 +55,7 @@ const App: React.FC = () => {
           onChange={setVgutterKey}
           marks={vgutters}
           step={null}
-          tooltip={{ formatter: (value: number) => vgutters[value] }}
+          tooltip={{ formatter: (value) => vgutters[value as number] }}
         />
       </div>
       <span>Column Count:</span>
@@ -67,7 +67,7 @@ const App: React.FC = () => {
           onChange={setColCountKey}
           marks={colCounts}
           step={null}
-          tooltip={{ formatter: (value: number) => colCounts[value] }}
+          tooltip={{ formatter: (value) => colCounts[value as number] }}
         />
       </div>
       <Row gutter={[gutters[gutterKey], vgutters[vgutterKey]]}>
diff --git a/components/grid/style/index.ts b/components/grid/style/index.ts
index 8e8f27bfb3..7a3f98497d 100644
--- a/components/grid/style/index.ts
+++ b/components/grid/style/index.ts
@@ -198,7 +198,7 @@ export const useColStyle = genStyleHooks(
       genGridStyle(gridToken, ''),
       genGridStyle(gridToken, '-xs'),
       Object.keys(gridMediaSizesMap)
-        .map((key: GridMediaSize) => genGridMediaStyle(gridToken, gridMediaSizesMap[key], key))
+        .map((key) => genGridMediaStyle(gridToken, gridMediaSizesMap[key as GridMediaSize], key))
         .reduce((pre, cur) => ({ ...pre, ...cur }), {}),
     ];
   },
diff --git a/components/input-number/demo/basic.tsx b/components/input-number/demo/basic.tsx
index f58c9a2cdb..75bec0482e 100644
--- a/components/input-number/demo/basic.tsx
+++ b/components/input-number/demo/basic.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
+import type { InputNumberProps } from 'antd';
 import { InputNumber } from 'antd';
 
-const onChange = (value: number) => {
+const onChange: InputNumberProps['onChange'] = (value) => {
   console.log('changed', value);
 };
 
diff --git a/components/input-number/demo/change-on-wheel.tsx b/components/input-number/demo/change-on-wheel.tsx
index b38e72e97f..81bd2a35ad 100644
--- a/components/input-number/demo/change-on-wheel.tsx
+++ b/components/input-number/demo/change-on-wheel.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
+import type { InputNumberProps } from 'antd';
 import { InputNumber } from 'antd';
 
-const onChange = (value: number) => {
+const onChange: InputNumberProps['onChange'] = (value) => {
   console.log('changed', value);
 };
 
diff --git a/components/input-number/demo/digit.tsx b/components/input-number/demo/digit.tsx
index 1f65e584c1..a69f552d8b 100644
--- a/components/input-number/demo/digit.tsx
+++ b/components/input-number/demo/digit.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
+import type { InputNumberProps } from 'antd';
 import { InputNumber } from 'antd';
 
-const onChange = (value: string) => {
+const onChange: InputNumberProps['onChange'] = (value) => {
   console.log('changed', value);
 };
 
diff --git a/components/input-number/demo/formatter.tsx b/components/input-number/demo/formatter.tsx
index 1d6ed629a1..920a591071 100644
--- a/components/input-number/demo/formatter.tsx
+++ b/components/input-number/demo/formatter.tsx
@@ -1,24 +1,25 @@
 import React from 'react';
+import type { InputNumberProps } from 'antd';
 import { InputNumber, Space } from 'antd';
 
-const onChange = (value: number | string) => {
+const onChange: InputNumberProps['onChange'] = (value) => {
   console.log('changed', value);
 };
 
 const App: React.FC = () => (
   <Space>
-    <InputNumber
+    <InputNumber<number>
       defaultValue={1000}
       formatter={(value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')}
-      parser={(value) => value!.replace(/\$\s?|(,*)/g, '')}
+      parser={(value) => value?.replace(/\$\s?|(,*)/g, '') as unknown as number}
       onChange={onChange}
     />
-    <InputNumber
+    <InputNumber<number>
       defaultValue={100}
       min={0}
       max={100}
       formatter={(value) => `${value}%`}
-      parser={(value) => value!.replace('%', '')}
+      parser={(value) => value?.replace('%', '') as unknown as number}
       onChange={onChange}
     />
   </Space>
diff --git a/components/input-number/demo/size.tsx b/components/input-number/demo/size.tsx
index 66bf93fdae..16bc50f0e1 100644
--- a/components/input-number/demo/size.tsx
+++ b/components/input-number/demo/size.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
+import type { InputNumberProps } from 'antd';
 import { InputNumber, Space } from 'antd';
 
-const onChange = (value: number) => {
+const onChange: InputNumberProps['onChange'] = (value) => {
   console.log('changed', value);
 };
 
diff --git a/components/list/Item.tsx b/components/list/Item.tsx
index ae5f261cc2..ff5e794471 100644
--- a/components/list/Item.tsx
+++ b/components/list/Item.tsx
@@ -1,4 +1,3 @@
-import classNames from 'classnames';
 import type {
   CSSProperties,
   FC,
@@ -9,6 +8,8 @@ import type {
   ReactNode,
 } from 'react';
 import React, { Children, forwardRef, useContext } from 'react';
+import classNames from 'classnames';
+
 import { cloneElement } from '../_util/reactNode';
 import { ConfigContext } from '../config-provider';
 import { Col } from '../grid';
@@ -76,7 +77,7 @@ const InternalItem: ForwardRefRenderFunction<HTMLDivElement, ListItemProps> = (
 
   const isItemContainsTextNodeAndNotSingular = () => {
     let result;
-    Children.forEach(children, (element: ReactElement<any>) => {
+    Children.forEach(children as ReactElement, (element) => {
       if (typeof element === 'string') {
         result = true;
       }
diff --git a/components/mentions/demo/prefix.tsx b/components/mentions/demo/prefix.tsx
index 8d66e81d67..09cbdf99a2 100644
--- a/components/mentions/demo/prefix.tsx
+++ b/components/mentions/demo/prefix.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Mentions } from 'antd';
+import type { MentionsProps } from 'rc-mentions';
 
 const MOCK_DATA = {
   '@': ['afc163', 'zombiej', 'yesmeck'],
@@ -11,8 +12,8 @@ type PrefixType = keyof typeof MOCK_DATA;
 const App: React.FC = () => {
   const [prefix, setPrefix] = useState<PrefixType>('@');
 
-  const onSearch = (_: string, newPrefix: PrefixType) => {
-    setPrefix(newPrefix);
+  const onSearch: MentionsProps['onSearch'] = (_, newPrefix) => {
+    setPrefix(newPrefix as PrefixType);
   };
 
   return (
diff --git a/components/message/index.tsx b/components/message/index.tsx
index 5f95a30e82..d9639abcba 100755
--- a/components/message/index.tsx
+++ b/components/message/index.tsx
@@ -48,7 +48,7 @@ type Task =
   | TypeTask
   | {
       type: 'destroy';
-      key: React.Key;
+      key?: React.Key;
       skipped?: boolean;
     };
 
@@ -83,8 +83,8 @@ const GlobalHolder = React.forwardRef<
   React.useImperativeHandle(ref, () => {
     const instance: MessageInstance = { ...api };
 
-    Object.keys(instance).forEach((method: keyof MessageInstance) => {
-      instance[method] = (...args: any[]) => {
+    Object.keys(instance).forEach((method) => {
+      instance[method as keyof MessageInstance] = (...args: any[]) => {
         sync();
         return (api as any)[method](...args);
       };
@@ -286,13 +286,13 @@ function typeOpen(type: NoticeType, args: Parameters<TypeOpen>): MessageType {
   return result;
 }
 
-function destroy(key: React.Key) {
+const destroy: BaseMethods['destroy'] = (key) => {
   taskQueue.push({
     type: 'destroy',
     key,
   });
   flushNotice();
-}
+};
 
 interface BaseMethods {
   open: (config: ArgsProps) => MessageType;
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index a50e1a4dc5..7ef5d9dac6 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -136,7 +136,7 @@ const Modal: React.FC<ModalProps> = (props) => {
             footer={dialogFooter}
             visible={open ?? visible}
             mousePosition={restProps.mousePosition ?? mousePosition}
-            onClose={handleCancel}
+            onClose={handleCancel as any}
             closable={mergedClosable}
             closeIcon={mergedCloseIcon}
             focusTriggerAfterClose={focusTriggerAfterClose}
diff --git a/components/modal/confirm.tsx b/components/modal/confirm.tsx
index 671a284977..ecabfa57db 100644
--- a/components/modal/confirm.tsx
+++ b/components/modal/confirm.tsx
@@ -121,7 +121,7 @@ export default function confirm(config: ModalFuncProps) {
         if (typeof config.afterClose === 'function') {
           config.afterClose();
         }
-
+        // @ts-ignore
         destroy.apply(this, args);
       },
     };
diff --git a/components/modal/useModal/index.tsx b/components/modal/useModal/index.tsx
index a87c23e333..7ed377c980 100644
--- a/components/modal/useModal/index.tsx
+++ b/components/modal/useModal/index.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import usePatchElement from '../../_util/hooks/usePatchElement';
 import type { ModalFunc, ModalStaticFunctions } from '../confirm';
 import { withConfirm, withError, withInfo, withSuccess, withWarn } from '../confirm';
@@ -101,9 +102,9 @@ function useModal(): readonly [instance: HookAPI, contextHolder: React.ReactElem
               setActionQueue((prev) => [...prev, destroyAction]);
             }
           },
-          update: (newConfig: ModalFuncProps) => {
+          update: (newConfig) => {
             function updateAction() {
-              modalRef.current?.update(newConfig);
+              modalRef.current?.update(newConfig as ModalFuncProps);
             }
 
             if (modalRef.current) {
diff --git a/components/notification/index.tsx b/components/notification/index.tsx
index bb3d7937de..a4b302719a 100755
--- a/components/notification/index.tsx
+++ b/components/notification/index.tsx
@@ -26,7 +26,7 @@ type Task =
     }
   | {
       type: 'destroy';
-      key: React.Key;
+      key?: React.Key;
     };
 
 let taskQueue: Task[] = [];
@@ -66,8 +66,8 @@ const GlobalHolder = React.forwardRef<
   React.useImperativeHandle(ref, () => {
     const instance: NotificationInstance = { ...api };
 
-    Object.keys(instance).forEach((method: keyof NotificationInstance) => {
-      instance[method] = (...args: any[]) => {
+    Object.keys(instance).forEach((method) => {
+      instance[method as keyof NotificationInstance] = (...args: any[]) => {
         sync();
         return (api as any)[method](...args);
       };
@@ -199,13 +199,13 @@ function open(config: ArgsProps) {
   flushNotice();
 }
 
-function destroy(key: React.Key) {
+const destroy: BaseMethods['destroy'] = (key) => {
   taskQueue.push({
     type: 'destroy',
     key,
   });
   flushNotice();
-}
+};
 
 interface BaseMethods {
   open: (config: ArgsProps) => void;
diff --git a/components/popconfirm/__tests__/index.test.tsx b/components/popconfirm/__tests__/index.test.tsx
index fb1b508bbf..d07e3fce16 100644
--- a/components/popconfirm/__tests__/index.test.tsx
+++ b/components/popconfirm/__tests__/index.test.tsx
@@ -8,8 +8,8 @@ import { act, fireEvent, render, waitFakeTimer } from '../../../tests/utils';
 import Button from '../../button';
 
 describe('Popconfirm', () => {
-  mountTest(Popconfirm);
-  rtlTest(Popconfirm);
+  mountTest(Popconfirm as any);
+  rtlTest(Popconfirm as any);
 
   const eventObject = expect.objectContaining({
     target: expect.anything(),
diff --git a/components/popconfirm/demo/basic.tsx b/components/popconfirm/demo/basic.tsx
index 8c7650c2b3..be84befc3f 100644
--- a/components/popconfirm/demo/basic.tsx
+++ b/components/popconfirm/demo/basic.tsx
@@ -1,12 +1,13 @@
 import React from 'react';
+import type { PopconfirmProps } from 'antd';
 import { Button, message, Popconfirm } from 'antd';
 
-const confirm = (e: React.MouseEvent<HTMLElement>) => {
+const confirm: PopconfirmProps['onConfirm'] = (e) => {
   console.log(e);
   message.success('Click on Yes');
 };
 
-const cancel = (e: React.MouseEvent<HTMLElement>) => {
+const cancel: PopconfirmProps['onCancel'] = (e) => {
   console.log(e);
   message.error('Click on No');
 };
diff --git a/components/popconfirm/index.tsx b/components/popconfirm/index.tsx
index b0d1a5ebcc..00f3c3e09e 100644
--- a/components/popconfirm/index.tsx
+++ b/components/popconfirm/index.tsx
@@ -7,6 +7,7 @@ import omit from 'rc-util/lib/omit';
 import type { RenderFunction } from '../_util/getRenderPropValue';
 import type { ButtonProps, LegacyButtonType } from '../button/button';
 import { ConfigContext } from '../config-provider';
+import type { PopoverProps } from '../popover';
 import Popover from '../popover';
 import type { AbstractTooltipProps, TooltipRef } from '../tooltip';
 import PurePanel, { Overlay } from './PurePanel';
@@ -56,10 +57,7 @@ const Popconfirm = React.forwardRef<TooltipRef, PopconfirmProps>((props, ref) =>
     defaultValue: props.defaultOpen ?? props.defaultVisible,
   });
 
-  const settingOpen = (
-    value: boolean,
-    e?: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>,
-  ) => {
+  const settingOpen: PopoverProps['onOpenChange'] = (value, e) => {
     setOpen(value, true);
     onVisibleChange?.(value);
     onOpenChange?.(value, e);
@@ -76,10 +74,7 @@ const Popconfirm = React.forwardRef<TooltipRef, PopconfirmProps>((props, ref) =>
     props.onCancel?.call(this, e);
   };
 
-  const onInternalOpenChange = (
-    value: boolean,
-    e?: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>,
-  ) => {
+  const onInternalOpenChange: PopoverProps['onOpenChange'] = (value, e) => {
     const { disabled = false } = props;
     if (disabled) {
       return;
diff --git a/components/qr-code/__tests__/index.test.tsx b/components/qr-code/__tests__/index.test.tsx
index a0c657088d..9420a60988 100644
--- a/components/qr-code/__tests__/index.test.tsx
+++ b/components/qr-code/__tests__/index.test.tsx
@@ -7,8 +7,8 @@ import { fireEvent, render } from '../../../tests/utils';
 import type { QRCodeProps } from '../interface';
 
 describe('QRCode test', () => {
-  mountTest(QRCode);
-  rtlTest(QRCode);
+  mountTest(QRCode as any);
+  rtlTest(QRCode as any);
 
   it('should correct render', () => {
     const { container } = render(<QRCode value="test" />);
diff --git a/components/radio/radio.tsx b/components/radio/radio.tsx
index ccf6ad785f..0e79e0e39c 100644
--- a/components/radio/radio.tsx
+++ b/components/radio/radio.tsx
@@ -8,11 +8,11 @@ import Wave from '../_util/wave';
 import { TARGET_CLS } from '../_util/wave/interface';
 import { ConfigContext } from '../config-provider';
 import DisabledContext from '../config-provider/DisabledContext';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import { FormItemInputContext } from '../form/context';
 import RadioGroupContext, { RadioOptionTypeContext } from './context';
 import type { RadioChangeEvent, RadioProps, RadioRef } from './interface';
 import useStyle from './style';
-import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 
 const InternalRadio: React.ForwardRefRenderFunction<RadioRef, RadioProps> = (props, ref) => {
   const groupContext = React.useContext(RadioGroupContext);
@@ -91,6 +91,7 @@ const InternalRadio: React.ForwardRefRenderFunction<RadioRef, RadioProps> = (pro
         onMouseLeave={props.onMouseLeave}
         title={title}
       >
+        {/* @ts-ignore */}
         <RcCheckbox
           {...radioProps}
           className={classNames(radioProps.className, !isButtonType && TARGET_CLS)}
diff --git a/components/rate/index.tsx b/components/rate/index.tsx
index 6ad92c28b9..e94e0c84d9 100644
--- a/components/rate/index.tsx
+++ b/components/rate/index.tsx
@@ -1,8 +1,10 @@
+import * as React from 'react';
 import StarFilled from '@ant-design/icons/StarFilled';
 import classNames from 'classnames';
 import RcRate from 'rc-rate';
 import type { RateRef, RateProps as RcRateProps } from 'rc-rate/lib/Rate';
-import * as React from 'react';
+import type { StarProps as RcStarProps } from 'rc-rate/lib/Star';
+
 import { ConfigContext } from '../config-provider';
 import Tooltip from '../tooltip';
 import useStyle from './style';
@@ -12,10 +14,6 @@ export interface RateProps extends RcRateProps {
   tooltips?: Array<string>;
 }
 
-interface RateNodeProps {
-  index: number;
-}
-
 const Rate = React.forwardRef<RateRef, RateProps>((props, ref) => {
   const {
     prefixCls,
@@ -27,11 +25,11 @@ const Rate = React.forwardRef<RateRef, RateProps>((props, ref) => {
     ...rest
   } = props;
 
-  const characterRender = (node: React.ReactElement, { index }: RateNodeProps) => {
+  const characterRender: RcStarProps['characterRender'] = (node, { index }) => {
     if (!tooltips) {
       return node;
     }
-    return <Tooltip title={tooltips[index]}>{node}</Tooltip>;
+    return <Tooltip title={tooltips[index as number]}>{node}</Tooltip>;
   };
 
   const { getPrefixCls, direction, rate } = React.useContext(ConfigContext);
diff --git a/components/segmented/__tests__/index.test.tsx b/components/segmented/__tests__/index.test.tsx
index 3b789c6c58..24cdf4894b 100644
--- a/components/segmented/__tests__/index.test.tsx
+++ b/components/segmented/__tests__/index.test.tsx
@@ -1,10 +1,9 @@
-import { AppstoreOutlined, BarsOutlined } from '@ant-design/icons';
 import React, { useState } from 'react';
+import { AppstoreOutlined, BarsOutlined } from '@ant-design/icons';
 
 import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
 import { fireEvent, render } from '../../../tests/utils';
-
 import type { SegmentedValue } from '../index';
 import Segmented from '../index';
 
@@ -30,8 +29,8 @@ function expectMatchChecked(container: HTMLElement, checkedList: boolean[]) {
 }
 
 describe('Segmented', () => {
-  mountTest(Segmented);
-  rtlTest(Segmented);
+  mountTest(Segmented as any);
+  rtlTest(Segmented as any);
 
   beforeAll(() => {
     jest.useFakeTimers();
diff --git a/components/select/demo/coordinate.tsx b/components/select/demo/coordinate.tsx
index 1093ef7c38..26b7b4ac6f 100644
--- a/components/select/demo/coordinate.tsx
+++ b/components/select/demo/coordinate.tsx
@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import { Select, Space } from 'antd';
 
-const provinceData = ['Zhejiang', 'Jiangsu'];
-
 const cityData = {
   Zhejiang: ['Hangzhou', 'Ningbo', 'Wenzhou'],
   Jiangsu: ['Nanjing', 'Suzhou', 'Zhenjiang'],
@@ -10,13 +8,15 @@ const cityData = {
 
 type CityName = keyof typeof cityData;
 
+const provinceData: CityName[] = ['Zhejiang', 'Jiangsu'];
+
 const App: React.FC = () => {
   const [cities, setCities] = useState(cityData[provinceData[0] as CityName]);
-  const [secondCity, setSecondCity] = useState(cityData[provinceData[0] as CityName][0]);
+  const [secondCity, setSecondCity] = useState(cityData[provinceData[0]][0] as CityName);
 
   const handleProvinceChange = (value: CityName) => {
     setCities(cityData[value]);
-    setSecondCity(cityData[value][0]);
+    setSecondCity(cityData[value][0] as CityName);
   };
 
   const onSecondCityChange = (value: CityName) => {
diff --git a/components/slider/__tests__/type.test.tsx b/components/slider/__tests__/type.test.tsx
index 41f7c4341a..8ea5222cf6 100644
--- a/components/slider/__tests__/type.test.tsx
+++ b/components/slider/__tests__/type.test.tsx
@@ -1,4 +1,6 @@
 import * as React from 'react';
+
+import type { SliderRangeProps } from '..';
 import Slider from '..';
 
 describe('Slider.typescript', () => {
@@ -13,7 +15,7 @@ describe('Slider.typescript', () => {
 
   it('range value', () => {
     const value: [number, number] = [0, 1];
-    const onChange = (v: [number, number]) => v;
+    const onChange: SliderRangeProps['onChange'] = (v) => v;
     const result = (
       <Slider
         range
diff --git a/components/slider/demo/input-number.tsx b/components/slider/demo/input-number.tsx
index 348fc2dd65..35ec48eee8 100644
--- a/components/slider/demo/input-number.tsx
+++ b/components/slider/demo/input-number.tsx
@@ -1,11 +1,12 @@
 import React, { useState } from 'react';
+import type { InputNumberProps } from 'antd';
 import { Col, InputNumber, Row, Slider, Space } from 'antd';
 
 const IntegerStep: React.FC = () => {
   const [inputValue, setInputValue] = useState(1);
 
-  const onChange = (newValue: number) => {
-    setInputValue(newValue);
+  const onChange: InputNumberProps['onChange'] = (newValue) => {
+    setInputValue(newValue as number);
   };
 
   return (
@@ -34,11 +35,11 @@ const IntegerStep: React.FC = () => {
 const DecimalStep: React.FC = () => {
   const [inputValue, setInputValue] = useState(0);
 
-  const onChange = (value: number) => {
-    if (isNaN(value)) {
+  const onChange: InputNumberProps['onChange'] = (value) => {
+    if (isNaN(value as number)) {
       return;
     }
-    setInputValue(value);
+    setInputValue(value as number);
   };
 
   return (
diff --git a/components/slider/demo/tip-formatter.tsx b/components/slider/demo/tip-formatter.tsx
index 2daf1e734e..a581584861 100644
--- a/components/slider/demo/tip-formatter.tsx
+++ b/components/slider/demo/tip-formatter.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
+import type { SliderSingleProps } from 'antd';
 import { Slider } from 'antd';
 
-const formatter = (value: number) => `${value}%`;
+const formatter: NonNullable<SliderSingleProps['tooltip']>['formatter'] = (value) => `${value}%`;
 
 const App: React.FC = () => (
   <>
diff --git a/components/slider/index.tsx b/components/slider/index.tsx
index f5c46ed98a..dc3db316f8 100644
--- a/components/slider/index.tsx
+++ b/components/slider/index.tsx
@@ -261,6 +261,7 @@ const Slider = React.forwardRef<SliderRef, SliderSingleProps | SliderRangeProps>
   const mergedStyle: React.CSSProperties = { ...slider?.style, ...style };
 
   return wrapCSSVar(
+    // @ts-ignore
     <RcSlider
       {...restProps}
       step={restProps.step}
diff --git a/components/statistic/Countdown.tsx b/components/statistic/Countdown.tsx
index d5e9a9c2e1..e2f135d108 100644
--- a/components/statistic/Countdown.tsx
+++ b/components/statistic/Countdown.tsx
@@ -1,9 +1,10 @@
 import * as React from 'react';
+
 import useForceUpdate from '../_util/hooks/useForceUpdate';
 import { cloneElement } from '../_util/reactNode';
 import type { StatisticProps } from './Statistic';
 import Statistic from './Statistic';
-import type { valueType, FormatConfig } from './utils';
+import type { valueType } from './utils';
 import { formatCountdown } from './utils';
 
 const REFRESH_INTERVAL = 1000 / 30;
@@ -56,10 +57,10 @@ const Countdown: React.FC<CountdownProps> = (props) => {
     };
   }, [value]);
 
-  const formatter = (formatValue: valueType, config: FormatConfig) =>
+  const formatter: StatisticProps['formatter'] = (formatValue, config) =>
     formatCountdown(formatValue, { ...config, format });
 
-  const valueRender = (node: React.ReactElement<HTMLDivElement>) =>
+  const valueRender: StatisticProps['valueRender'] = (node) =>
     cloneElement(node, { title: undefined });
 
   return <Statistic {...rest} value={value} valueRender={valueRender} formatter={formatter} />;
diff --git a/components/statistic/__tests__/index.test.tsx b/components/statistic/__tests__/index.test.tsx
index 220d5619ba..667a5d0310 100644
--- a/components/statistic/__tests__/index.test.tsx
+++ b/components/statistic/__tests__/index.test.tsx
@@ -1,6 +1,8 @@
+import React from 'react';
 import dayjs from 'dayjs';
 import MockDate from 'mockdate';
-import React from 'react';
+
+import type { CountdownProps } from '..';
 import Statistic from '..';
 import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
@@ -58,8 +60,8 @@ describe('Statistic', () => {
       [-3, -1112893.1212, '-1,112,893'],
       [-1, -1112893, '-1,112,893'],
       [-1, 1112893, '1,112,893'],
-    ].forEach(([precision, value, expectValue]: [number, number, string]) => {
-      const { container } = render(<Statistic precision={precision} value={value} />);
+    ].forEach(([precision, value, expectValue]) => {
+      const { container } = render(<Statistic precision={precision as any} value={value} />);
       expect(container.querySelector('.ant-statistic-content-value-int')!.textContent).toEqual(
         expectValue,
       );
@@ -168,7 +170,7 @@ describe('Statistic', () => {
         const deadline = Date.now() + 10 * 1000;
         let remainingTime;
 
-        const onChange = (value: number) => {
+        const onChange: CountdownProps['onChange'] = (value) => {
           remainingTime = value;
         };
         render(<Statistic.Countdown value={deadline} onChange={onChange} />);
diff --git a/components/statistic/demo/animated.tsx b/components/statistic/demo/animated.tsx
index 1a15939fbd..d99e422d2d 100644
--- a/components/statistic/demo/animated.tsx
+++ b/components/statistic/demo/animated.tsx
@@ -1,8 +1,11 @@
 import React from 'react';
-import CountUp from 'react-countup';
+import type { StatisticProps } from 'antd';
 import { Col, Row, Statistic } from 'antd';
+import CountUp from 'react-countup';
 
-const formatter = (value: number) => <CountUp end={value} separator="," />;
+const formatter: StatisticProps['formatter'] = (value) => (
+  <CountUp end={value as number} separator="," />
+);
 
 const App: React.FC = () => (
   <Row gutter={16}>
diff --git a/components/switch/index.tsx b/components/switch/index.tsx
index 0d7340ce92..9993032332 100755
--- a/components/switch/index.tsx
+++ b/components/switch/index.tsx
@@ -2,13 +2,13 @@ import * as React from 'react';
 import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 import classNames from 'classnames';
 import RcSwitch from 'rc-switch';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
 
 import Wave from '../_util/wave';
 import { ConfigContext } from '../config-provider';
 import DisabledContext from '../config-provider/DisabledContext';
 import useSize from '../config-provider/hooks/useSize';
 import useStyle from './style';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
 
 export type SwitchSize = 'small' | 'default';
 export type SwitchChangeEventHandler = (
@@ -117,10 +117,11 @@ const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>((props, ref) =>
 
   return wrapCSSVar(
     <Wave component="Switch">
+      {/* @ts-ignore */}
       <RcSwitch
         {...restProps}
         checked={checked}
-        onChange={changeHandler}
+        onChange={changeHandler as any}
         prefixCls={prefixCls}
         className={classes}
         style={mergedStyle}
diff --git a/components/table/InternalTable.tsx b/components/table/InternalTable.tsx
index cbcd97b137..75ff864c83 100644
--- a/components/table/InternalTable.tsx
+++ b/components/table/InternalTable.tsx
@@ -27,7 +27,7 @@ import Spin from '../spin';
 import { useToken } from '../theme/internal';
 import renderExpandIcon from './ExpandIcon';
 import useContainerWidth from './hooks/useContainerWidth';
-import type { FilterState } from './hooks/useFilter';
+import type { FilterConfig, FilterState } from './hooks/useFilter';
 import useFilter, { getFilterData } from './hooks/useFilter';
 import useLazyKVMap from './hooks/useLazyKVMap';
 import usePagination, { DEFAULT_PAGE_SIZE, getPaginationParam } from './hooks/usePagination';
@@ -177,7 +177,7 @@ const InternalTable = <RecordType extends AnyObject = AnyObject>(
   const screens = useBreakpoint(needResponsive);
 
   const mergedColumns = React.useMemo(() => {
-    const matched = new Set(Object.keys(screens).filter((m: Breakpoint) => screens[m]));
+    const matched = new Set(Object.keys(screens).filter((m) => screens[m as Breakpoint]));
 
     return baseColumns.filter(
       (c) => !c.responsive || c.responsive.some((r: Breakpoint) => matched.has(r)),
@@ -226,9 +226,9 @@ const InternalTable = <RecordType extends AnyObject = AnyObject>(
     return null;
   }, [rawData]);
 
-  const internalRefs = {
+  const internalRefs: NonNullable<RcTableProps['internalRefs']> = {
     body: React.useRef<HTMLDivElement>(),
-  };
+  } as NonNullable<RcTableProps['internalRefs']>;
 
   // ============================ Width =============================
   const getContainerWidth = useContainerWidth(prefixCls);
@@ -248,7 +248,7 @@ const InternalTable = <RecordType extends AnyObject = AnyObject>(
       return rowKey;
     }
 
-    return (record: RecordType) => (record as any)?.[rowKey as string];
+    return (record: RecordType) => record?.[rowKey as string];
   }, [rowKey]);
 
   const [getRecordByKey] = useLazyKVMap(rawData, childrenColumnName, getRowKey);
@@ -334,18 +334,8 @@ const InternalTable = <RecordType extends AnyObject = AnyObject>(
   changeEventInfo.sorterStates = sortStates;
 
   // ============================ Filter ============================
-  const onFilterChange = (
-    filters: Record<string, FilterValue>,
-    filterStates: FilterState<RecordType>[],
-  ) => {
-    triggerOnChange(
-      {
-        filters,
-        filterStates,
-      },
-      'filter',
-      true,
-    );
+  const onFilterChange: FilterConfig<RecordType>['onFilterChange'] = (filters, filterStates) => {
+    triggerOnChange({ filters, filterStates }, 'filter', true);
   };
 
   const [transformFilterColumns, filterStates, filters] = useFilter<RecordType>({
@@ -619,8 +609,8 @@ const InternalTable = <RecordType extends AnyObject = AnyObject>(
           emptyText={emptyText}
           // Internal
           internalHooks={INTERNAL_HOOKS}
-          internalRefs={internalRefs as any}
-          transformColumns={transformColumns as RcTableProps<RecordType>['transformColumns']}
+          internalRefs={internalRefs}
+          transformColumns={transformColumns as any}
           getContainerWidth={getContainerWidth}
         />
         {bottomPaginationNode}
@@ -629,4 +619,4 @@ const InternalTable = <RecordType extends AnyObject = AnyObject>(
   );
 };
 
-export default React.forwardRef(InternalTable) as RefInternalTable;
+export default React.forwardRef(InternalTable as any) as RefInternalTable;
diff --git a/components/table/__tests__/Table.filter.test.tsx b/components/table/__tests__/Table.filter.test.tsx
index 9dccc4d761..d158434a22 100644
--- a/components/table/__tests__/Table.filter.test.tsx
+++ b/components/table/__tests__/Table.filter.test.tsx
@@ -13,7 +13,6 @@ import Menu from '../../menu';
 import type { SelectProps } from '../../select';
 import Select from '../../select';
 import Tooltip from '../../tooltip';
-import type { TreeColumnFilterItem } from '../hooks/useFilter/FilterDropdown';
 import type {
   ColumnFilterItem,
   ColumnsType,
@@ -586,7 +585,7 @@ describe('Table.filter', () => {
           {
             ...column,
             defaultFilteredValue: ['Jim', 'Tom'],
-            onFilter: (value: string, record) => {
+            onFilter: (value, record) => {
               if (record.children && record.children.length) {
                 return true;
               }
@@ -1563,7 +1562,7 @@ describe('Table.filter', () => {
 
   it('with onFilter', () => {
     const onFilter = jest.fn((value, record) => record.key === value);
-    const columns = [{ dataIndex: 'key', filteredValue: [5], onFilter }];
+    const columns: TableProps['columns'] = [{ dataIndex: 'key', filteredValue: [5], onFilter }];
     const testData = [{ key: 1 }, { key: 3 }, { key: 5 }];
     const { container } = render(<Table columns={columns} dataSource={testData} />);
 
@@ -1793,7 +1792,7 @@ describe('Table.filter', () => {
         setFilteredInfo(filters);
         setSortedInfo(sorter);
       };
-      const columns = [
+      const columns: TableProps['columns'] = [
         {
           title: 'Name',
           dataIndex: 'name',
@@ -1901,7 +1900,7 @@ describe('Table.filter', () => {
         ],
         // specify the condition of filtering result
         // here is that finding the name started with `value`
-        onFilter: (value: string, record) => record.name?.indexOf(value) === 0,
+        onFilter: (value, record) => record.name?.indexOf(value as string) === 0,
         sorter: (a, b) => a.name!.length - b.name!.length,
         sortDirections: ['descend'],
       },
@@ -1924,7 +1923,7 @@ describe('Table.filter', () => {
             value: 'New York',
           },
         ],
-        onFilter: (value: string, record) => record.address?.indexOf(value) === 0,
+        onFilter: (value, record) => record.address?.indexOf(value as string) === 0,
       },
     ];
 
@@ -1976,7 +1975,7 @@ describe('Table.filter', () => {
                 value: 'New York',
               },
             ],
-            onFilter: (value: string, record) => record.address?.indexOf(value) === 0,
+            onFilter: (value, record) => record.address?.indexOf(value as string) === 0,
           },
         ]);
         setData([
@@ -2218,8 +2217,7 @@ describe('Table.filter', () => {
                 { text: '节点二', value: 'node2' },
                 { text: '节点三', value: 'node3' },
               ],
-              filterSearch: (input: any, record: TreeColumnFilterItem) =>
-                (record.title as string).includes(input),
+              filterSearch: (input, record) => ((record as any).title as string).includes(input),
             },
           ],
         }),
diff --git a/components/table/__tests__/Table.rowSelection.test.tsx b/components/table/__tests__/Table.rowSelection.test.tsx
index fd2530e1d1..812546a3d7 100644
--- a/components/table/__tests__/Table.rowSelection.test.tsx
+++ b/components/table/__tests__/Table.rowSelection.test.tsx
@@ -918,7 +918,7 @@ describe('Table.rowSelection', () => {
 
   // https://github.com/ant-design/ant-design/issues/11384
   it('should keep item even if in filter', () => {
-    const filterColumns = [
+    const filterColumns: TableProps['columns'] = [
       {
         title: 'Name',
         dataIndex: 'name',
diff --git a/components/table/__tests__/Table.sorter.test.tsx b/components/table/__tests__/Table.sorter.test.tsx
index 9fabf1b70a..b7d01ec853 100644
--- a/components/table/__tests__/Table.sorter.test.tsx
+++ b/components/table/__tests__/Table.sorter.test.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import type { ColumnType, TableProps } from '..';
 import Table from '..';
 import { act, fireEvent, render } from '../../../tests/utils';
-import type { ColumnsType, SortOrder, TablePaginationConfig } from '../interface';
+import type { SortOrder, TablePaginationConfig } from '../interface';
 
 describe('Table.sorter', () => {
   const sorterFn: ColumnType<any>['sorter'] = (a, b) =>
@@ -528,10 +528,10 @@ describe('Table.sorter', () => {
 
   // https://github.com/ant-design/ant-design/issues/11246#issuecomment-405009167
   it('Allow column title as render props with sortOrder argument', () => {
-    const title = ({ sortOrder }: { sortOrder: SortOrder }) => (
+    const title: NonNullable<TableProps['columns']>[number]['title'] = ({ sortOrder }) => (
       <div className="custom-title">{sortOrder}</div>
     );
-    const columns = [{ title, key: 'group', sorter: true }];
+    const columns: TableProps['columns'] = [{ title, key: 'group', sorter: true }];
     const testData = [
       { key: 0, name: 'Jack', age: 11 },
       { key: 1, name: 'Lucy', age: 20 },
@@ -592,7 +592,7 @@ describe('Table.sorter', () => {
       { key: 2, name: 'Tom', age: 21 },
       { key: 3, name: 'Jerry', age: 22 },
     ];
-    const columns = [{ title: 'name', dataIndex: 'name', sorter: true }];
+    const columns: TableProps['columns'] = [{ title: 'name', dataIndex: 'name', sorter: true }];
     const TableTest: React.FC = () => {
       const [pagination, setPagination] = React.useState<TablePaginationConfig>({});
       const onChange: TableProps<any>['onChange'] = (pag) => {
@@ -645,11 +645,12 @@ describe('Table.sorter', () => {
       { key: 2, name: 'Tom', age: 21 },
       { key: 3, name: 'Jerry', age: 22 },
     ];
-    const columns = [
+    const columns: TableProps['columns'] = [
       {
         title: 'name',
         dataIndex: 'name',
         sorter: true,
+        // @ts-ignore
         array: ['1', '2', 3],
         render: (text: string) => text,
       },
@@ -705,12 +706,13 @@ describe('Table.sorter', () => {
       { key: 2, name: 'Tom', age: 21 },
       { key: 3, name: 'Jerry', age: 22 },
     ];
-    const columns = [
+    const columns: TableProps['columns'] = [
       {
         title: 'name',
         dataIndex: 'name',
         sorter: true,
         key: 'a',
+        // @ts-ignore
         style: { fontSize: 18 },
       },
     ];
@@ -1011,7 +1013,7 @@ describe('Table.sorter', () => {
   });
 
   it('controlled multiple group', () => {
-    const groupColumns: ColumnsType = [
+    const groupColumns: TableProps['columns'] = [
       {
         title: 'Math Score',
         dataIndex: 'math1',
diff --git a/components/table/__tests__/type.test.tsx b/components/table/__tests__/type.test.tsx
index 5265d14972..277f0e6bf7 100644
--- a/components/table/__tests__/type.test.tsx
+++ b/components/table/__tests__/type.test.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
+
 import type { ColumnProps } from '..';
-import type { TreeColumnFilterItem } from '../hooks/useFilter/FilterDropdown';
 import Table from '..';
 
 const { Column, ColumnGroup } = Table;
@@ -47,8 +47,7 @@ describe('Table.typescript', () => {
       {
         title: 'Name',
         dataIndex: 'name',
-        filterSearch: (input: any, record: TreeColumnFilterItem) =>
-          (record.title as string).includes(input),
+        filterSearch: (input, record) => ((record as any).title as string).includes(input),
       },
     ];
 
diff --git a/components/table/demo/colspan-rowspan.tsx b/components/table/demo/colspan-rowspan.tsx
index 3d1637a9d5..2c31577624 100644
--- a/components/table/demo/colspan-rowspan.tsx
+++ b/components/table/demo/colspan-rowspan.tsx
@@ -13,7 +13,7 @@ interface DataType {
 
 // In the fifth row, other columns are merged into first column
 // by setting it's colSpan to be 0
-const sharedOnCell = (_: DataType, index: number) => {
+const sharedOnCell = (_: DataType, index?: number) => {
   if (index === 1) {
     return { colSpan: 0 };
   }
diff --git a/components/table/demo/custom-filter-panel.tsx b/components/table/demo/custom-filter-panel.tsx
index d7a317fdd4..c3afb26c69 100644
--- a/components/table/demo/custom-filter-panel.tsx
+++ b/components/table/demo/custom-filter-panel.tsx
@@ -1,12 +1,10 @@
 import React, { useRef, useState } from 'react';
 import { SearchOutlined } from '@ant-design/icons';
-import type { GetRef, TableColumnsType, TableColumnType } from 'antd';
+import type { InputRef, TableColumnsType, TableColumnType } from 'antd';
 import { Button, Input, Space, Table } from 'antd';
 import type { FilterDropdownProps } from 'antd/es/table/interface';
 import Highlighter from 'react-highlight-words';
 
-type InputRef = GetRef<typeof Input>;
-
 interface DataType {
   key: string;
   name: string;
diff --git a/components/table/demo/edit-cell.tsx b/components/table/demo/edit-cell.tsx
index 537cfcf90b..684785e84c 100644
--- a/components/table/demo/edit-cell.tsx
+++ b/components/table/demo/edit-cell.tsx
@@ -1,8 +1,7 @@
 import React, { useContext, useEffect, useRef, useState } from 'react';
-import type { GetRef } from 'antd';
+import type { GetRef, InputRef } from 'antd';
 import { Button, Form, Input, Popconfirm, Table } from 'antd';
 
-type InputRef = GetRef<typeof Input>;
 type FormInstance<T> = GetRef<typeof Form<T>>;
 
 const EditableContext = React.createContext<FormInstance<any> | null>(null);
@@ -53,7 +52,7 @@ const EditableCell: React.FC<EditableCellProps> = ({
 
   useEffect(() => {
     if (editing) {
-      inputRef.current!.focus();
+      inputRef.current?.focus();
     }
   }, [editing]);
 
@@ -151,7 +150,7 @@ const App: React.FC = () => {
     {
       title: 'operation',
       dataIndex: 'operation',
-      render: (_, record: { key: React.Key }) =>
+      render: (_, record) =>
         dataSource.length >= 1 ? (
           <Popconfirm title="Sure to delete?" onConfirm={() => handleDelete(record.key)}>
             <a>Delete</a>
diff --git a/components/table/demo/filter-in-tree.tsx b/components/table/demo/filter-in-tree.tsx
index ef79586f70..ba9f84c5e9 100644
--- a/components/table/demo/filter-in-tree.tsx
+++ b/components/table/demo/filter-in-tree.tsx
@@ -49,7 +49,7 @@ const columns: TableColumnsType<DataType> = [
     ],
     filterMode: 'tree',
     filterSearch: true,
-    onFilter: (value: string, record) => record.name.includes(value),
+    onFilter: (value, record) => record.name.includes(value as string),
     width: '30%',
   },
   {
@@ -70,7 +70,7 @@ const columns: TableColumnsType<DataType> = [
         value: 'New York',
       },
     ],
-    onFilter: (value: string, record) => record.address.startsWith(value),
+    onFilter: (value, record) => record.address.startsWith(value as string),
     filterSearch: true,
     width: '40%',
   },
diff --git a/components/table/demo/filter-search.tsx b/components/table/demo/filter-search.tsx
index 0a8537fbda..f7bab970d2 100644
--- a/components/table/demo/filter-search.tsx
+++ b/components/table/demo/filter-search.tsx
@@ -29,7 +29,7 @@ const columns: TableColumnsType<DataType> = [
     ],
     filterMode: 'tree',
     filterSearch: true,
-    onFilter: (value: string, record) => record.name.startsWith(value),
+    onFilter: (value, record) => record.name.startsWith(value as string),
     width: '30%',
   },
   {
@@ -50,7 +50,7 @@ const columns: TableColumnsType<DataType> = [
         value: 'New York',
       },
     ],
-    onFilter: (value: string, record) => record.address.startsWith(value),
+    onFilter: (value, record) => record.address.startsWith(value as string),
     filterSearch: true,
     width: '40%',
   },
diff --git a/components/table/demo/grouping-columns.tsx b/components/table/demo/grouping-columns.tsx
index d93c80b70d..de74c203ab 100644
--- a/components/table/demo/grouping-columns.tsx
+++ b/components/table/demo/grouping-columns.tsx
@@ -31,7 +31,7 @@ const columns: TableColumnsType<DataType> = [
         value: 'John',
       },
     ],
-    onFilter: (value: string, record) => record.name.indexOf(value) === 0,
+    onFilter: (value, record) => record.name.indexOf(value as string) === 0,
   },
   {
     title: 'Other',
diff --git a/components/table/demo/head.tsx b/components/table/demo/head.tsx
index 64efc5417b..3d8c912b7c 100644
--- a/components/table/demo/head.tsx
+++ b/components/table/demo/head.tsx
@@ -40,7 +40,7 @@ const columns: TableColumnsType<DataType> = [
     ],
     // specify the condition of filtering result
     // here is that finding the name started with `value`
-    onFilter: (value: string, record) => record.name.indexOf(value) === 0,
+    onFilter: (value, record) => record.name.indexOf(value as string) === 0,
     sorter: (a, b) => a.name.length - b.name.length,
     sortDirections: ['descend'],
   },
@@ -63,7 +63,7 @@ const columns: TableColumnsType<DataType> = [
         value: 'New York',
       },
     ],
-    onFilter: (value: string, record) => record.address.indexOf(value) === 0,
+    onFilter: (value, record) => record.address.indexOf(value as string) === 0,
   },
 ];
 
diff --git a/components/table/demo/reset-filter.tsx b/components/table/demo/reset-filter.tsx
index 9bff26548d..241e658707 100644
--- a/components/table/demo/reset-filter.tsx
+++ b/components/table/demo/reset-filter.tsx
@@ -78,7 +78,7 @@ const App: React.FC = () => {
         { text: 'Jim', value: 'Jim' },
       ],
       filteredValue: filteredInfo.name || null,
-      onFilter: (value: string, record) => record.name.includes(value),
+      onFilter: (value, record) => record.name.includes(value as string),
       sorter: (a, b) => a.name.length - b.name.length,
       sortOrder: sortedInfo.columnKey === 'name' ? sortedInfo.order : null,
       ellipsis: true,
@@ -100,7 +100,7 @@ const App: React.FC = () => {
         { text: 'New York', value: 'New York' },
       ],
       filteredValue: filteredInfo.address || null,
-      onFilter: (value: string, record) => record.address.includes(value),
+      onFilter: (value, record) => record.address.includes(value as string),
       sorter: (a, b) => a.address.length - b.address.length,
       sortOrder: sortedInfo.columnKey === 'address' ? sortedInfo.order : null,
       ellipsis: true,
diff --git a/components/table/hooks/useFilter/FilterDropdown.tsx b/components/table/hooks/useFilter/FilterDropdown.tsx
index aefb037d06..3aa2392b8c 100644
--- a/components/table/hooks/useFilter/FilterDropdown.tsx
+++ b/components/table/hooks/useFilter/FilterDropdown.tsx
@@ -352,7 +352,7 @@ function FilterDropdown<RecordType>(props: FilterDropdownProps<RecordType>) {
   if (typeof column.filterDropdown === 'function') {
     dropdownContent = column.filterDropdown({
       prefixCls: `${dropdownPrefixCls}-custom`,
-      setSelectedKeys: (selectedKeys: string[]) => onSelectKeys({ selectedKeys }),
+      setSelectedKeys: (selectedKeys) => onSelectKeys({ selectedKeys: selectedKeys as string[] }),
       selectedKeys: getFilteredKeysSync(),
       confirm: doFilter,
       clearFilters: onReset,
@@ -414,7 +414,7 @@ function FilterDropdown<RecordType>(props: FilterDropdownProps<RecordType>) {
                 multiple={filterMultiple}
                 checkStrictly={!filterMultiple}
                 className={`${dropdownPrefixCls}-menu`}
-                onCheck={onCheck}
+                onCheck={onCheck as any}
                 checkedKeys={selectedKeys}
                 selectedKeys={selectedKeys}
                 showIcon={false}
diff --git a/components/table/hooks/useFilter/index.tsx b/components/table/hooks/useFilter/index.tsx
index 420b5e934e..0fe6d74c55 100644
--- a/components/table/hooks/useFilter/index.tsx
+++ b/components/table/hooks/useFilter/index.tsx
@@ -199,7 +199,7 @@ export function getFilterData<RecordType>(
   }, data);
 }
 
-interface FilterConfig<RecordType> {
+export interface FilterConfig<RecordType> {
   prefixCls: string;
   dropdownPrefixCls: string;
   mergedColumns: ColumnsType<RecordType>;
diff --git a/components/table/hooks/usePagination.ts b/components/table/hooks/usePagination.ts
index a30b7ddd1e..5692bb5ff6 100644
--- a/components/table/hooks/usePagination.ts
+++ b/components/table/hooks/usePagination.ts
@@ -1,6 +1,7 @@
 import { useState } from 'react';
-import type { PaginationProps } from '../../pagination';
+
 import extendsObject from '../../_util/extendsObject';
+import type { PaginationProps } from '../../pagination';
 import type { TablePaginationConfig } from '../interface';
 
 export const DEFAULT_PAGE_SIZE = 10;
@@ -16,8 +17,8 @@ export function getPaginationParam(
 
   const paginationObj = pagination && typeof pagination === 'object' ? pagination : {};
 
-  Object.keys(paginationObj).forEach((pageProp: keyof typeof paginationObj) => {
-    const value = mergedPagination[pageProp];
+  Object.keys(paginationObj).forEach((pageProp) => {
+    const value = mergedPagination[pageProp as keyof typeof paginationObj];
 
     if (typeof value !== 'function') {
       param[pageProp] = value;
diff --git a/components/tag/__tests__/index.test.tsx b/components/tag/__tests__/index.test.tsx
index 06b9ed33ac..210164d1a6 100644
--- a/components/tag/__tests__/index.test.tsx
+++ b/components/tag/__tests__/index.test.tsx
@@ -23,9 +23,9 @@ function waitRaf() {
 
 describe('Tag', () => {
   mountTest(Tag);
-  mountTest(Tag.CheckableTag);
+  mountTest(Tag.CheckableTag as any);
   rtlTest(Tag);
-  rtlTest(Tag.CheckableTag);
+  rtlTest(Tag.CheckableTag as any);
 
   beforeAll(() => {
     jest.useFakeTimers();
diff --git a/components/theme/getDesignToken.ts b/components/theme/getDesignToken.ts
index 265dedc834..44fedacee9 100644
--- a/components/theme/getDesignToken.ts
+++ b/components/theme/getDesignToken.ts
@@ -1,4 +1,5 @@
 import { createTheme, getComputedToken } from '@ant-design/cssinjs';
+
 import type { ThemeConfig } from '../config-provider/context';
 import type { AliasToken } from './interface';
 import defaultDerivative from './themes/default';
@@ -11,7 +12,7 @@ const getDesignToken = (config?: ThemeConfig): AliasToken => {
     ...seedToken,
     ...config?.token,
   };
-  return getComputedToken(mergedToken, { override: config?.token }, theme, formatToken);
+  return getComputedToken(mergedToken as any, { override: config?.token }, theme, formatToken);
 };
 
 export default getDesignToken;
diff --git a/components/theme/themes/dark/index.ts b/components/theme/themes/dark/index.ts
index 0bdc5d0a16..b46b84fd71 100644
--- a/components/theme/themes/dark/index.ts
+++ b/components/theme/themes/dark/index.ts
@@ -1,5 +1,6 @@
 import { generate } from '@ant-design/colors';
 import type { DerivativeFunc } from '@ant-design/cssinjs';
+
 import type {
   ColorPalettes,
   LegacyColorPalettes,
@@ -7,15 +8,15 @@ import type {
   PresetColorType,
   SeedToken,
 } from '../../interface';
+import defaultAlgorithm from '../default';
 import { defaultPresetColors } from '../seed';
 import genColorMapToken from '../shared/genColorMapToken';
 import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
-import defaultAlgorithm from '../default';
 
 const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
   const colorPalettes = Object.keys(defaultPresetColors)
-    .map((colorKey: keyof PresetColorType) => {
-      const colors = generate(token[colorKey], { theme: 'dark' });
+    .map((colorKey) => {
+      const colors = generate(token[colorKey as keyof PresetColorType], { theme: 'dark' });
 
       return new Array(10).fill(1).reduce((prev, _, i) => {
         prev[`${colorKey}-${i + 1}`] = colors[i];
diff --git a/components/theme/themes/default/index.ts b/components/theme/themes/default/index.ts
index ec5d07b9ed..a62a539a53 100644
--- a/components/theme/themes/default/index.ts
+++ b/components/theme/themes/default/index.ts
@@ -1,6 +1,5 @@
 import { generate } from '@ant-design/colors';
-import genControlHeight from '../shared/genControlHeight';
-import genSizeMapToken from '../shared/genSizeMapToken';
+
 import type {
   ColorPalettes,
   LegacyColorPalettes,
@@ -11,13 +10,15 @@ import type {
 import { defaultPresetColors } from '../seed';
 import genColorMapToken from '../shared/genColorMapToken';
 import genCommonMapToken from '../shared/genCommonMapToken';
-import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
+import genControlHeight from '../shared/genControlHeight';
 import genFontMapToken from '../shared/genFontMapToken';
+import genSizeMapToken from '../shared/genSizeMapToken';
+import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
 
 export default function derivative(token: SeedToken): MapToken {
   const colorPalettes = Object.keys(defaultPresetColors)
-    .map((colorKey: keyof PresetColorType) => {
-      const colors = generate(token[colorKey]);
+    .map((colorKey) => {
+      const colors = generate(token[colorKey as keyof PresetColorType]);
 
       return new Array(10).fill(1).reduce((prev, _, i) => {
         prev[`${colorKey}-${i + 1}`] = colors[i];
diff --git a/components/theme/util/genComponentStyleHook.tsx b/components/theme/util/genComponentStyleHook.tsx
index b7ed08d6b3..a501a1966e 100644
--- a/components/theme/util/genComponentStyleHook.tsx
+++ b/components/theme/util/genComponentStyleHook.tsx
@@ -227,7 +227,9 @@ export default function genComponentStyleHook<C extends OverrideComponent>(
             iconCls: `.${iconPrefixCls}`,
             antCls: `.${rootPrefixCls}`,
             calc,
+            // @ts-ignore
             max,
+            // @ts-ignore
             min,
           },
           cssVar ? defaultComponentToken : componentToken,
@@ -247,7 +249,7 @@ export default function genComponentStyleHook<C extends OverrideComponent>(
       },
     );
 
-    return [wrapSSR, hashId];
+    return [wrapSSR as any, hashId];
   };
 }
 
@@ -316,8 +318,8 @@ const genCSSVarRegister = <C extends OverrideComponent>(
   const compUnitless: any = {
     [prefixToken('zIndexPopup')]: true,
   };
-  Object.keys(originUnitless).forEach((key: keyof ComponentTokenKey<C>) => {
-    compUnitless[prefixToken(key)] = originUnitless[key];
+  Object.keys(originUnitless).forEach((key) => {
+    compUnitless[prefixToken(key)] = originUnitless[key as keyof ComponentTokenKey<C>];
   });
 
   const CSSVarRegister: FC<CSSVarRegisterProps> = ({ rootCls, cssVar }) => {
diff --git a/components/time-picker/demo/12hours.tsx b/components/time-picker/demo/12hours.tsx
index 28ae310b79..09bdf72819 100644
--- a/components/time-picker/demo/12hours.tsx
+++ b/components/time-picker/demo/12hours.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
-import type { Dayjs } from 'dayjs';
+import type { TimePickerProps } from 'antd';
 import { Space, TimePicker } from 'antd';
 
-const onChange = (time: Dayjs, timeString: string) => {
+const onChange: TimePickerProps['onChange'] = (time, timeString) => {
   console.log(time, timeString);
 };
 
diff --git a/components/time-picker/demo/basic.tsx b/components/time-picker/demo/basic.tsx
index 4bae67de01..449727888f 100644
--- a/components/time-picker/demo/basic.tsx
+++ b/components/time-picker/demo/basic.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
-import type { Dayjs } from 'dayjs';
+import type { TimePickerProps } from 'antd';
+import { TimePicker } from 'antd';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { TimePicker } from 'antd';
 
 dayjs.extend(customParseFormat);
 
-const onChange = (time: Dayjs, timeString: string) => {
+const onChange: TimePickerProps['onChange'] = (time, timeString) => {
   console.log(time, timeString);
 };
 
diff --git a/components/time-picker/demo/change-on-scroll.tsx b/components/time-picker/demo/change-on-scroll.tsx
index ed55f86d33..82347e4f82 100644
--- a/components/time-picker/demo/change-on-scroll.tsx
+++ b/components/time-picker/demo/change-on-scroll.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
+import type { TimePickerProps } from 'antd';
 import { TimePicker } from 'antd';
-import type { Dayjs } from 'dayjs';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 
 dayjs.extend(customParseFormat);
 
-const onChange = (time: Dayjs, timeString: string) => {
+const onChange: TimePickerProps['onChange'] = (time, timeString) => {
   console.log(time, timeString);
 };
 
diff --git a/components/time-picker/demo/colored-popup.tsx b/components/time-picker/demo/colored-popup.tsx
index a77ae6b2e1..e355518cc1 100644
--- a/components/time-picker/demo/colored-popup.tsx
+++ b/components/time-picker/demo/colored-popup.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
-import type { Dayjs } from 'dayjs';
+import type { TimePickerProps } from 'antd';
+import { TimePicker } from 'antd';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { TimePicker } from 'antd';
 
 dayjs.extend(customParseFormat);
 
-const onChange = (time: Dayjs, timeString: string) => {
+const onChange: TimePickerProps['onChange'] = (time, timeString) => {
   console.log(time, timeString);
 };
 
diff --git a/components/time-picker/demo/suffix.tsx b/components/time-picker/demo/suffix.tsx
index 444844e4a7..94b86c17c7 100644
--- a/components/time-picker/demo/suffix.tsx
+++ b/components/time-picker/demo/suffix.tsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import { SmileOutlined } from '@ant-design/icons';
-import type { Dayjs } from 'dayjs';
+import { TimePicker } from 'antd';
+import type { TimePickerProps } from 'antd';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { TimePicker } from 'antd';
 
 dayjs.extend(customParseFormat);
 
-const onChange = (time: Dayjs, timeString: string) => {
+const onChange: TimePickerProps['onChange'] = (time, timeString) => {
   console.log(time, timeString);
 };
 
diff --git a/components/tour/__tests__/index.test.tsx b/components/tour/__tests__/index.test.tsx
index e4ef983b2e..df1ad0a43b 100644
--- a/components/tour/__tests__/index.test.tsx
+++ b/components/tour/__tests__/index.test.tsx
@@ -298,7 +298,7 @@ describe('Tour', () => {
   });
 
   it('panelRender should correct render when total is undefined or null', () => {
-    [undefined, null].forEach((total: undefined) => {
+    [undefined, null].forEach((total: any) => {
       const { container } = render(<Tour open steps={[{ title: <div>test</div>, total }]} />);
       expect(
         container.querySelector<HTMLDivElement>('.ant-tour-content .ant-tour-indicators'),
diff --git a/components/transfer/ListBody.tsx b/components/transfer/ListBody.tsx
index ccb0528c65..4490cfbd5a 100644
--- a/components/transfer/ListBody.tsx
+++ b/components/transfer/ListBody.tsx
@@ -130,8 +130,8 @@ const TransferListBody: React.ForwardRefRenderFunction<
             renderedEl={renderedEl}
             prefixCls={prefixCls}
             showRemove={showRemove}
-            onClick={onInternalClick}
-            onRemove={onRemove}
+            onClick={onInternalClick as any}
+            onRemove={onRemove as any}
             checked={selectedKeys.includes(item.key)}
             disabled={globalDisabled || item.disabled}
           />
diff --git a/components/transfer/__tests__/index.test.tsx b/components/transfer/__tests__/index.test.tsx
index e1694e87aa..b25db20bd5 100644
--- a/components/transfer/__tests__/index.test.tsx
+++ b/components/transfer/__tests__/index.test.tsx
@@ -736,9 +736,12 @@ describe('Transfer', () => {
     const errSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
 
     const App: React.FC = () => {
-      const [selectedKeys, setSelectedKeys] = useState<string[]>([]);
+      const [selectedKeys, setSelectedKeys] = useState<TransferProps['selectedKeys']>([]);
 
-      const onSelectChange = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {
+      const onSelectChange: TransferProps['onSelectChange'] = (
+        sourceSelectedKeys,
+        targetSelectedKeys,
+      ) => {
         setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);
       };
 
@@ -777,7 +780,7 @@ describe('immutable data', () => {
   it('prevent error when reset data in some cases', () => {
     const App: React.FC = () => {
       const [mockData, setMockData] = useState<DefaultRecordType[]>([]);
-      const [targetKeys, setTargetKeys] = useState<string[]>([]);
+      const [targetKeys, setTargetKeys] = useState<TransferProps['targetKeys']>([]);
 
       const getMock = () => {
         const tempTargetKeys = [];
@@ -802,7 +805,7 @@ describe('immutable data', () => {
         getMock();
       }, []);
 
-      const handleChange = (newTargetKeys: string[]) => {
+      const handleChange: TransferProps['onChange'] = (newTargetKeys) => {
         setTargetKeys(newTargetKeys);
       };
 
diff --git a/components/transfer/demo/advanced.tsx b/components/transfer/demo/advanced.tsx
index 33517d328c..d598f5cc67 100644
--- a/components/transfer/demo/advanced.tsx
+++ b/components/transfer/demo/advanced.tsx
@@ -11,7 +11,7 @@ interface RecordType {
 
 const App: React.FC = () => {
   const [mockData, setMockData] = useState<RecordType[]>([]);
-  const [targetKeys, setTargetKeys] = useState<string[]>([]);
+  const [targetKeys, setTargetKeys] = useState<TransferProps['targetKeys']>([]);
 
   const getMock = () => {
     const tempTargetKeys = [];
@@ -36,7 +36,7 @@ const App: React.FC = () => {
     getMock();
   }, []);
 
-  const handleChange = (newTargetKeys: string[]) => {
+  const handleChange: TransferProps['onChange'] = (newTargetKeys) => {
     setTargetKeys(newTargetKeys);
   };
 
diff --git a/components/transfer/demo/basic.tsx b/components/transfer/demo/basic.tsx
index a78dc15c05..8834ec27c7 100644
--- a/components/transfer/demo/basic.tsx
+++ b/components/transfer/demo/basic.tsx
@@ -17,8 +17,8 @@ const mockData: RecordType[] = Array.from({ length: 20 }).map((_, i) => ({
 const initialTargetKeys = mockData.filter((item) => Number(item.key) > 10).map((item) => item.key);
 
 const App: React.FC = () => {
-  const [targetKeys, setTargetKeys] = useState<React.Key[]>(initialTargetKeys);
-  const [selectedKeys, setSelectedKeys] = useState<string[]>([]);
+  const [targetKeys, setTargetKeys] = useState<TransferProps['targetKeys']>(initialTargetKeys);
+  const [selectedKeys, setSelectedKeys] = useState<TransferProps['targetKeys']>([]);
 
   const onChange: TransferProps['onChange'] = (nextTargetKeys, direction, moveKeys) => {
     console.log('targetKeys:', nextTargetKeys);
@@ -27,7 +27,10 @@ const App: React.FC = () => {
     setTargetKeys(nextTargetKeys);
   };
 
-  const onSelectChange = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {
+  const onSelectChange: TransferProps['onSelectChange'] = (
+    sourceSelectedKeys,
+    targetSelectedKeys,
+  ) => {
     console.log('sourceSelectedKeys:', sourceSelectedKeys);
     console.log('targetSelectedKeys:', targetSelectedKeys);
     setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);
diff --git a/components/transfer/demo/component-token.tsx b/components/transfer/demo/component-token.tsx
index 0aed99f688..8fb477bd45 100644
--- a/components/transfer/demo/component-token.tsx
+++ b/components/transfer/demo/component-token.tsx
@@ -141,7 +141,7 @@ const App: React.FC = () => {
   const [disabled, setDisabled] = useState(false);
   const [showSearch, setShowSearch] = useState(false);
 
-  const secondOnChange = (nextTargetKeys: string[]) => {
+  const secondOnChange: TransferProps['onChange'] = (nextTargetKeys) => {
     setTargetKeys(nextTargetKeys);
   };
 
diff --git a/components/transfer/demo/oneWay.tsx b/components/transfer/demo/oneWay.tsx
index db5eade556..5dab2b35c1 100644
--- a/components/transfer/demo/oneWay.tsx
+++ b/components/transfer/demo/oneWay.tsx
@@ -31,7 +31,10 @@ const App: React.FC = () => {
     console.log('moveKeys: ', moveKeys);
   };
 
-  const handleSelectChange = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {
+  const handleSelectChange: TransferProps['onSelectChange'] = (
+    sourceSelectedKeys,
+    targetSelectedKeys,
+  ) => {
     setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);
 
     console.log('sourceSelectedKeys: ', sourceSelectedKeys);
diff --git a/components/transfer/demo/search.tsx b/components/transfer/demo/search.tsx
index c54cb84882..9a5a1fef0d 100644
--- a/components/transfer/demo/search.tsx
+++ b/components/transfer/demo/search.tsx
@@ -11,7 +11,7 @@ interface RecordType {
 
 const App: React.FC = () => {
   const [mockData, setMockData] = useState<RecordType[]>([]);
-  const [targetKeys, setTargetKeys] = useState<string[]>([]);
+  const [targetKeys, setTargetKeys] = useState<TransferProps['targetKeys']>([]);
 
   const getMock = () => {
     const tempTargetKeys = [];
@@ -39,7 +39,7 @@ const App: React.FC = () => {
   const filterOption = (inputValue: string, option: RecordType) =>
     option.description.indexOf(inputValue) > -1;
 
-  const handleChange = (newTargetKeys: string[]) => {
+  const handleChange: TransferProps['onChange'] = (newTargetKeys) => {
     setTargetKeys(newTargetKeys);
   };
 
diff --git a/components/transfer/demo/table-transfer.tsx b/components/transfer/demo/table-transfer.tsx
index 23a414ab96..8cd268b996 100644
--- a/components/transfer/demo/table-transfer.tsx
+++ b/components/transfer/demo/table-transfer.tsx
@@ -115,11 +115,11 @@ const rightTableColumns: TableColumnsType<DataType> = [
 ];
 
 const App: React.FC = () => {
-  const [targetKeys, setTargetKeys] = useState<string[]>(originTargetKeys);
+  const [targetKeys, setTargetKeys] = useState<TransferProps['targetKeys']>(originTargetKeys);
   const [disabled, setDisabled] = useState(false);
   const [showSearch, setShowSearch] = useState(false);
 
-  const onChange = (nextTargetKeys: string[]) => {
+  const onChange: TableTransferProps['onChange'] = (nextTargetKeys) => {
     setTargetKeys(nextTargetKeys);
   };
 
diff --git a/components/transfer/demo/tree-transfer.tsx b/components/transfer/demo/tree-transfer.tsx
index 43f51eb995..6d57021b3a 100644
--- a/components/transfer/demo/tree-transfer.tsx
+++ b/components/transfer/demo/tree-transfer.tsx
@@ -6,7 +6,7 @@ type TransferItem = GetProp<TransferProps, 'dataSource'>[number];
 
 interface TreeTransferProps {
   dataSource: TreeDataNode[];
-  targetKeys: string[];
+  targetKeys: TransferProps['targetKeys'];
   onChange: TransferProps['onChange'];
 }
 
@@ -14,14 +14,21 @@ interface TreeTransferProps {
 const isChecked = (selectedKeys: React.Key[], eventKey: React.Key) =>
   selectedKeys.includes(eventKey);
 
-const generateTree = (treeNodes: TreeDataNode[] = [], checkedKeys: string[] = []): TreeDataNode[] =>
+const generateTree = (
+  treeNodes: TreeDataNode[] = [],
+  checkedKeys: TreeTransferProps['targetKeys'] = [],
+): TreeDataNode[] =>
   treeNodes.map(({ children, ...props }) => ({
     ...props,
     disabled: checkedKeys.includes(props.key as string),
     children: generateTree(children, checkedKeys),
   }));
 
-const TreeTransfer: React.FC<TreeTransferProps> = ({ dataSource, targetKeys, ...restProps }) => {
+const TreeTransfer: React.FC<TreeTransferProps> = ({
+  dataSource,
+  targetKeys = [],
+  ...restProps
+}) => {
   const { token } = theme.useToken();
 
   const transferDataSource: TransferItem[] = [];
@@ -85,8 +92,8 @@ const treeData: TreeDataNode[] = [
 ];
 
 const App: React.FC = () => {
-  const [targetKeys, setTargetKeys] = useState<string[]>([]);
-  const onChange = (keys: string[]) => {
+  const [targetKeys, setTargetKeys] = useState<TreeTransferProps['targetKeys']>([]);
+  const onChange: TreeTransferProps['onChange'] = (keys) => {
     setTargetKeys(keys);
   };
   return <TreeTransfer dataSource={treeData} targetKeys={targetKeys} onChange={onChange} />;
diff --git a/components/transfer/hooks/useData.ts b/components/transfer/hooks/useData.ts
index ccf5a54f58..0ec23fbf71 100644
--- a/components/transfer/hooks/useData.ts
+++ b/components/transfer/hooks/useData.ts
@@ -12,7 +12,7 @@ const useData = <RecordType extends AnyObject>(
 ) => {
   const mergedDataSource = React.useMemo(
     () =>
-      (dataSource || []).map((record: KeyWise<RecordType>) => {
+      (dataSource || []).map((record) => {
         if (rowKey) {
           record = { ...record, key: rowKey(record) };
         }
@@ -25,13 +25,13 @@ const useData = <RecordType extends AnyObject>(
     const leftData: KeyWise<RecordType>[] = [];
     const rightData: KeyWise<RecordType>[] = new Array((targetKeys || []).length);
     const targetKeysMap = groupKeysMap(targetKeys || []);
-    mergedDataSource.forEach((record: KeyWise<RecordType>) => {
+    mergedDataSource.forEach((record) => {
       // rightData should be ordered by targetKeys
       // leftData should be ordered by dataSource
       if (targetKeysMap.has(record.key)) {
-        rightData[targetKeysMap.get(record.key)!] = record;
+        (rightData as any)[targetKeysMap.get(record.key) as any] = record;
       } else {
-        leftData.push(record);
+        leftData.push(record as any);
       }
     });
     return [leftData, rightData] as const;
diff --git a/components/transfer/index.tsx b/components/transfer/index.tsx
index 4ff970bd02..780a9f4ff6 100644
--- a/components/transfer/index.tsx
+++ b/components/transfer/index.tsx
@@ -172,7 +172,7 @@ const Transfer = <RecordType extends TransferItem = TransferItem>(
     // Setters
     setSourceSelectedKeys,
     setTargetSelectedKeys,
-  ] = useSelection(leftDataSource, rightDataSource, selectedKeys);
+  ] = useSelection(leftDataSource as any, rightDataSource as any, selectedKeys);
 
   const [leftMultipleSelect, updateLeftPrevSelectedIndex] = useMultipleSelect<
     KeyWise<RecordType>,
@@ -347,7 +347,7 @@ const Transfer = <RecordType extends TransferItem = TransferItem>(
     const currentSelectedIndex = data.findIndex((item) => item.key === selectedKey);
     // multiple select by hold down the shift key
     if (multiple && holder.length > 0) {
-      handleMultipleSelect(direction, data, holderSet, currentSelectedIndex);
+      handleMultipleSelect(direction, data as any, holderSet, currentSelectedIndex);
     } else {
       handleSingleSelect(direction, holderSet, selectedKey, checked, currentSelectedIndex);
     }
@@ -358,10 +358,10 @@ const Transfer = <RecordType extends TransferItem = TransferItem>(
     }
   };
 
-  const onLeftItemSelect = (
-    selectedKey: string,
-    checked: boolean,
-    e?: React.MouseEvent<Element, MouseEvent>,
+  const onLeftItemSelect: TransferListProps<KeyWise<RecordType>>['onItemSelect'] = (
+    selectedKey,
+    checked,
+    e,
   ) => {
     onItemSelect('left', selectedKey, checked, e?.shiftKey);
   };
@@ -434,18 +434,18 @@ const Transfer = <RecordType extends TransferItem = TransferItem>(
       <List<KeyWise<RecordType>>
         prefixCls={`${prefixCls}-list`}
         titleText={leftTitle}
-        dataSource={leftDataSource}
+        dataSource={leftDataSource as any}
         filterOption={filterOption}
         style={handleListStyle('left')}
         checkedKeys={sourceSelectedKeys}
         handleFilter={leftFilter}
         handleClear={handleLeftClear}
         onItemSelect={onLeftItemSelect}
-        onItemSelectAll={onLeftItemSelectAll}
+        onItemSelectAll={onLeftItemSelectAll as any}
         render={render}
         showSearch={showSearch}
-        renderList={children}
-        footer={footer}
+        renderList={children as any}
+        footer={footer as any}
         onScroll={handleLeftScroll}
         disabled={disabled}
         direction={dir === 'rtl' ? 'right' : 'left'}
@@ -471,19 +471,19 @@ const Transfer = <RecordType extends TransferItem = TransferItem>(
       <List<KeyWise<RecordType>>
         prefixCls={`${prefixCls}-list`}
         titleText={rightTitle}
-        dataSource={rightDataSource}
+        dataSource={rightDataSource as any}
         filterOption={filterOption}
         style={handleListStyle('right')}
         checkedKeys={targetSelectedKeys}
         handleFilter={rightFilter}
         handleClear={handleRightClear}
         onItemSelect={onRightItemSelect}
-        onItemSelectAll={onRightItemSelectAll}
+        onItemSelectAll={onRightItemSelectAll as any}
         onItemRemove={onRightItemRemove}
         render={render}
         showSearch={showSearch}
-        renderList={children}
-        footer={footer}
+        renderList={children as any}
+        footer={footer as any}
         onScroll={handleRightScroll}
         disabled={disabled}
         direction={dir === 'rtl' ? 'left' : 'right'}
diff --git a/components/transfer/list.tsx b/components/transfer/list.tsx
index d85ffc2f13..73ac736cfa 100644
--- a/components/transfer/list.tsx
+++ b/components/transfer/list.tsx
@@ -81,9 +81,7 @@ export interface TransferListProps<RecordType> extends TransferLocale {
   selectionsIcon?: React.ReactNode;
 }
 
-export interface TransferCustomListBodyProps<T> extends TransferListBodyProps<T> {
-  onItemSelect: (key: string, check: boolean) => void;
-}
+export interface TransferCustomListBodyProps<T> extends TransferListBodyProps<T> {}
 
 const TransferList = <RecordType extends KeyWiseTransferItem>(
   props: TransferListProps<RecordType>,
@@ -145,11 +143,12 @@ const TransferList = <RecordType extends KeyWiseTransferItem>(
     let bodyContent: React.ReactNode = renderList
       ? renderList({
           ...listProps,
-          onItemSelect: (key: string, check: boolean) => listProps.onItemSelect(key, check),
+          onItemSelect: (key, check) => listProps.onItemSelect(key, check),
         })
       : null;
     const customize: boolean = !!bodyContent;
     if (!customize) {
+      // @ts-ignore
       bodyContent = <DefaultListBody ref={listBodyRef} {...listProps} />;
     }
     return { customize, bodyContent };
@@ -203,7 +202,7 @@ const TransferList = <RecordType extends KeyWiseTransferItem>(
       <div className={`${prefixCls}-body-search-wrapper`}>
         <Search
           prefixCls={`${prefixCls}-search`}
-          onChange={internalHandleFilter}
+          onChange={internalHandleFilter as any}
           handleClear={internalHandleClear}
           placeholder={searchPlaceholder}
           value={filterValue}
diff --git a/components/tree-select/index.tsx b/components/tree-select/index.tsx
index ea4946235b..cc448c8194 100644
--- a/components/tree-select/index.tsx
+++ b/components/tree-select/index.tsx
@@ -267,7 +267,7 @@ const InternalTreeSelect = <
   const renderSwitcherIcon = (nodeProps: AntTreeNodeProps) => (
     <SwitcherIconCom
       prefixCls={treePrefixCls}
-      switcherIcon={switcherIcon}
+      switcherIcon={switcherIcon as any}
       treeNodeProps={nodeProps}
       showLine={treeLine}
     />
@@ -297,7 +297,7 @@ const InternalTreeSelect = <
       placement={memoizedPlacement}
       removeIcon={removeIcon}
       allowClear={mergedAllowClear}
-      switcherIcon={renderSwitcherIcon}
+      switcherIcon={renderSwitcherIcon as any}
       showTreeIcon={treeIcon as any}
       notFoundContent={mergedNotFound}
       getPopupContainer={getPopupContainer || getContextPopupContainer}
diff --git a/components/tree/Tree.tsx b/components/tree/Tree.tsx
index ff928fa655..7692194e22 100644
--- a/components/tree/Tree.tsx
+++ b/components/tree/Tree.tsx
@@ -9,10 +9,10 @@ import type { DataNode, Key } from 'rc-tree/lib/interface';
 
 import initCollapseMotion from '../_util/motion';
 import { ConfigContext } from '../config-provider';
+import { useToken } from '../theme/internal';
 import useStyle from './style';
 import dropIndicatorRender from './utils/dropIndicator';
 import SwitcherIconCom from './utils/iconUtil';
-import { useToken } from '../theme/internal';
 
 export type SwitcherIcon = React.ReactNode | ((props: AntTreeNodeProps) => React.ReactNode);
 export type TreeLeafIcon = React.ReactNode | ((props: AntTreeNodeProps) => React.ReactNode);
@@ -227,13 +227,14 @@ const Tree = React.forwardRef<RcTree, TreeProps>((props, ref) => {
   const renderSwitcherIcon = (nodeProps: AntTreeNodeProps) => (
     <SwitcherIconCom
       prefixCls={prefixCls}
-      switcherIcon={switcherIcon}
+      switcherIcon={switcherIcon as any}
       treeNodeProps={nodeProps}
       showLine={showLine}
     />
   );
 
   return wrapCSSVar(
+    // @ts-ignore
     <RcTree
       itemHeight={itemHeight}
       ref={ref}
@@ -257,7 +258,7 @@ const Tree = React.forwardRef<RcTree, TreeProps>((props, ref) => {
       direction={direction}
       checkable={checkable ? <span className={`${prefixCls}-checkbox-inner`} /> : checkable}
       selectable={selectable}
-      switcherIcon={renderSwitcherIcon}
+      switcherIcon={renderSwitcherIcon as any}
       draggable={draggableConfig}
     >
       {children}
diff --git a/components/tree/demo/basic-controlled.tsx b/components/tree/demo/basic-controlled.tsx
index 548272fac7..0fa96cfa3d 100644
--- a/components/tree/demo/basic-controlled.tsx
+++ b/components/tree/demo/basic-controlled.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Tree } from 'antd';
-import type { TreeDataNode } from 'antd';
+import type { TreeDataNode, TreeProps } from 'antd';
 
 const treeData: TreeDataNode[] = [
   {
@@ -52,7 +52,7 @@ const App: React.FC = () => {
   const [selectedKeys, setSelectedKeys] = useState<React.Key[]>([]);
   const [autoExpandParent, setAutoExpandParent] = useState<boolean>(true);
 
-  const onExpand = (expandedKeysValue: React.Key[]) => {
+  const onExpand: TreeProps['onExpand'] = (expandedKeysValue) => {
     console.log('onExpand', expandedKeysValue);
     // if not set autoExpandParent to false, if children expanded, parent can not collapse.
     // or, you can remove all expanded children keys.
@@ -60,12 +60,12 @@ const App: React.FC = () => {
     setAutoExpandParent(false);
   };
 
-  const onCheck = (checkedKeysValue: React.Key[]) => {
+  const onCheck: TreeProps['onCheck'] = (checkedKeysValue) => {
     console.log('onCheck', checkedKeysValue);
-    setCheckedKeys(checkedKeysValue);
+    setCheckedKeys(checkedKeysValue as React.Key[]);
   };
 
-  const onSelect = (selectedKeysValue: React.Key[], info: any) => {
+  const onSelect: TreeProps['onSelect'] = (selectedKeysValue, info) => {
     console.log('onSelect', info);
     setSelectedKeys(selectedKeysValue);
   };
diff --git a/components/tree/utils/dictUtil.ts b/components/tree/utils/dictUtil.ts
index 794fb2361d..5565eb0b48 100644
--- a/components/tree/utils/dictUtil.ts
+++ b/components/tree/utils/dictUtil.ts
@@ -26,7 +26,7 @@ function traverseNodesKey(
     }
   }
 
-  treeData.forEach(processNode);
+  treeData.forEach(processNode as any);
 }
 
 /** 计算选中范围，只考虑expanded情况以优化性能 */
@@ -59,14 +59,14 @@ export function calcRangeKeys({
 
   traverseNodesKey(
     treeData,
-    (key: Key) => {
+    (key) => {
       if (record === Record.End) {
         return false;
       }
 
-      if (matchKey(key)) {
+      if (matchKey(key as any)) {
         // Match test
-        keys.push(key);
+        keys.push(key as any);
 
         if (record === Record.None) {
           record = Record.Start;
@@ -76,9 +76,9 @@ export function calcRangeKeys({
         }
       } else if (record === Record.Start) {
         // Append selection
-        keys.push(key);
+        keys.push(key as any);
       }
-      return expandedKeys.includes(key);
+      return expandedKeys.includes(key as any);
     },
     fillFieldNames(fieldNames),
   );
@@ -95,8 +95,8 @@ export function convertDirectoryKeysToNodes(
   const nodes: DataNode[] = [];
   traverseNodesKey(
     treeData,
-    (key: Key, node: DataNode) => {
-      const index = restKeys.indexOf(key);
+    (key, node) => {
+      const index = restKeys.indexOf(key as any);
       if (index !== -1) {
         nodes.push(node);
         restKeys.splice(index, 1);
diff --git a/components/typography/Base/CopyBtn.tsx b/components/typography/Base/CopyBtn.tsx
index cf09496cfe..af8f6e4aa9 100644
--- a/components/typography/Base/CopyBtn.tsx
+++ b/components/typography/Base/CopyBtn.tsx
@@ -10,7 +10,7 @@ import { type Locale } from '../../locale';
 import Tooltip from '../../tooltip';
 import { getNode, toList } from './util';
 
-export interface CopyBtnProps extends CopyConfig {
+export interface CopyBtnProps extends Omit<CopyConfig, 'onCopy'> {
   prefixCls: string;
   copied: boolean;
   locale: Locale['Text'];
@@ -40,7 +40,7 @@ export default function CopyBtn(props: CopyBtnProps) {
           [`${prefixCls}-copy-success`]: copied,
           [`${prefixCls}-copy-icon-only`]: iconOnly,
         })}
-        onClick={onCopy}
+        onClick={onCopy as any}
         aria-label={ariaLabel}
       >
         {copied
diff --git a/components/typography/__tests__/copy.test.tsx b/components/typography/__tests__/copy.test.tsx
index 93f66cc4ae..b1a37268e5 100644
--- a/components/typography/__tests__/copy.test.tsx
+++ b/components/typography/__tests__/copy.test.tsx
@@ -224,7 +224,7 @@ describe('Typography copy', () => {
     });
 
     it('the first parameter of onCopy is the click event', () => {
-      function onCopy(e: React.MouseEvent<HTMLDivElement>) {
+      function onCopy(e?: React.MouseEvent<HTMLDivElement>) {
         expect(e).not.toBeUndefined();
       }
 
diff --git a/components/typography/__tests__/editable.test.tsx b/components/typography/__tests__/editable.test.tsx
index c7905ad284..c8204111a5 100644
--- a/components/typography/__tests__/editable.test.tsx
+++ b/components/typography/__tests__/editable.test.tsx
@@ -1,5 +1,6 @@
-import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
 import React from 'react';
+import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
+
 import { fireEvent, render } from '../../../tests/utils';
 import Base from '../Base';
 
@@ -18,14 +19,14 @@ describe('Typography.Editable', () => {
     mockRectSpy = spyElementPrototypes(HTMLElement, {
       offsetHeight: {
         get() {
-          let html = this.innerHTML;
+          let html = (this as any).innerHTML;
           html = html.replace(/<[^>]*>/g, '');
           const lines = Math.ceil(html.length / LINE_STR_COUNT);
           return lines * 16;
         },
       },
       getBoundingClientRect() {
-        let html = this.innerHTML;
+        let html: any = this.innerHTML;
         html = html.replace(/<[^>]*>/g, '');
         const lines = Math.ceil(html.length / LINE_STR_COUNT);
         return { height: lines * 16 };
diff --git a/components/typography/__tests__/ellipsis.test.tsx b/components/typography/__tests__/ellipsis.test.tsx
index bd3a61d2d4..a51bac3c03 100644
--- a/components/typography/__tests__/ellipsis.test.tsx
+++ b/components/typography/__tests__/ellipsis.test.tsx
@@ -21,10 +21,10 @@ describe('Typography.Ellipsis', () => {
   let offsetWidth: number;
   let scrollWidth: number;
 
-  function getContentHeight(elem?: HTMLElement) {
+  function getContentHeight(this: { get: (elem?: HTMLElement) => number }, elem?: HTMLElement) {
     const regex = /<[^>]*>/g;
 
-    let html = (elem || this).innerHTML;
+    let html = (elem || (this as any)).innerHTML;
     html = html.replace(regex, '');
     const lines = Math.ceil(html.length / LINE_STR_COUNT);
     return lines * LINE_HEIGHT;
@@ -44,8 +44,10 @@ describe('Typography.Ellipsis', () => {
       },
       clientHeight: {
         get() {
-          const { WebkitLineClamp } = this.style;
-          return WebkitLineClamp ? Number(WebkitLineClamp) * LINE_HEIGHT : getContentHeight(this);
+          const { WebkitLineClamp } = (this as any).style;
+          return WebkitLineClamp
+            ? Number(WebkitLineClamp) * LINE_HEIGHT
+            : (getContentHeight as any)(this);
         },
       },
     });
@@ -452,7 +454,7 @@ describe('Typography.Ellipsis', () => {
     mockRectSpy = spyElementPrototypes(HTMLElement, {
       scrollHeight: {
         get() {
-          let html = this.innerHTML;
+          let html = (this as any).innerHTML;
           html = html.replace(/<[^>]*>/g, '');
           const lines = Math.ceil(html.length / LINE_STR_COUNT);
           return lines * 16;
diff --git a/components/typography/__tests__/index.test.tsx b/components/typography/__tests__/index.test.tsx
index ce12618896..a64a8b2442 100644
--- a/components/typography/__tests__/index.test.tsx
+++ b/components/typography/__tests__/index.test.tsx
@@ -1,8 +1,9 @@
+import React from 'react';
 import { CheckOutlined, HighlightOutlined, LikeOutlined, SmileOutlined } from '@ant-design/icons';
 import copy from 'copy-to-clipboard';
 import KeyCode from 'rc-util/lib/KeyCode';
 import { resetWarned } from 'rc-util/lib/warning';
-import React from 'react';
+
 import mountTest from '../../../tests/shared/mountTest';
 import rtlTest from '../../../tests/shared/rtlTest';
 import { act, fireEvent, render, waitFakeTimer, waitFor } from '../../../tests/utils';
@@ -48,6 +49,7 @@ describe('Typography', () => {
       },
     });
     mockGetBoundingClientRect.mockImplementation(function fn() {
+      // @ts-ignore
       let html = this.innerHTML;
       html = html.replace(/<[^>]*>/g, '');
       const lines = Math.ceil(html.length / LINE_STR_COUNT);
diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
index 9eaa2b87cd..b13296acc6 100644
--- a/components/upload/Upload.tsx
+++ b/components/upload/Upload.tsx
@@ -353,7 +353,7 @@ const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (
     beforeUpload: mergedBeforeUpload,
     onChange: undefined,
     hasControlInside,
-  } as RcUploadProps;
+  } as any;
 
   delete rcUploadProps.className;
   delete rcUploadProps.style;
diff --git a/components/upload/UploadList/ListItem.tsx b/components/upload/UploadList/ListItem.tsx
index dc898402ab..e2f9eb2a74 100644
--- a/components/upload/UploadList/ListItem.tsx
+++ b/components/upload/UploadList/ListItem.tsx
@@ -1,9 +1,10 @@
+import * as React from 'react';
 import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
 import DownloadOutlined from '@ant-design/icons/DownloadOutlined';
 import EyeOutlined from '@ant-design/icons/EyeOutlined';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
-import * as React from 'react';
+
 import { ConfigContext } from '../../config-provider';
 import Progress from '../../progress';
 import Tooltip from '../../tooltip';
@@ -200,19 +201,20 @@ const ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(
           downloadOrDelete,
         ];
 
-    const previewIcon = (showPreviewIcon && (file.url || file.thumbUrl)) ? (
-      <a
-        href={file.url || file.thumbUrl}
-        target="_blank"
-        rel="noopener noreferrer"
-        onClick={(e) => onPreview(file, e)}
-        title={locale.previewFile}
-      >
-        {typeof customPreviewIcon === 'function'
-          ? customPreviewIcon(file)
-          : customPreviewIcon || <EyeOutlined />}
-      </a>
-    ) : null;
+    const previewIcon =
+      showPreviewIcon && (file.url || file.thumbUrl) ? (
+        <a
+          href={file.url || file.thumbUrl}
+          target="_blank"
+          rel="noopener noreferrer"
+          onClick={(e) => onPreview(file, e)}
+          title={locale.previewFile}
+        >
+          {typeof customPreviewIcon === 'function'
+            ? customPreviewIcon(file)
+            : customPreviewIcon || <EyeOutlined />}
+        </a>
+      ) : null;
 
     const pictureCardActions = (listType === 'picture-card' || listType === 'picture-circle') &&
       mergedStatus !== 'uploading' && (
@@ -283,7 +285,7 @@ const ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(
         {itemRender
           ? itemRender(item, file, items, {
               download: onDownload.bind(null, file),
-              preview: onPreview.bind(null, file),
+              preview: onPreview.bind(null, file) as any,
               remove: onClose.bind(null, file),
             })
           : item}
diff --git a/components/upload/UploadList/index.tsx b/components/upload/UploadList/index.tsx
index be3a2e2b4b..a194d0e075 100644
--- a/components/upload/UploadList/index.tsx
+++ b/components/upload/UploadList/index.tsx
@@ -13,7 +13,7 @@ import { cloneElement } from '../../_util/reactNode';
 import type { ButtonProps } from '../../button';
 import Button from '../../button';
 import { ConfigContext } from '../../config-provider';
-import type { InternalUploadFile, UploadFile, UploadListProps } from '../interface';
+import type { UploadFile, UploadListProps } from '../interface';
 import { isImageUrl, previewImage } from '../utils';
 import ListItem from './ListItem';
 
@@ -57,18 +57,17 @@ const InternalUploadList: React.ForwardRefRenderFunction<UploadListRef, UploadLi
     if (listType !== 'picture' && listType !== 'picture-card' && listType !== 'picture-circle') {
       return;
     }
-    (items || []).forEach((file: InternalUploadFile) => {
+    (items || []).forEach((file) => {
       if (
         typeof document === 'undefined' ||
         typeof window === 'undefined' ||
         !(window as any).FileReader ||
         !(window as any).File ||
-        !(file.originFileObj instanceof File || (file.originFileObj as Blob) instanceof Blob) ||
+        !(file.originFileObj instanceof File || file.originFileObj) ||
         file.thumbUrl !== undefined
       ) {
         return;
       }
-      file.thumbUrl = '';
       if (previewFile) {
         previewFile(file.originFileObj as File).then((previewDataUrl: string) => {
           // Need append '' to avoid dead loop
diff --git a/components/upload/__tests__/uploadlist.test.tsx b/components/upload/__tests__/uploadlist.test.tsx
index 1d51169c7a..9b0bb2d558 100644
--- a/components/upload/__tests__/uploadlist.test.tsx
+++ b/components/upload/__tests__/uploadlist.test.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
+
 import type { UploadFile, UploadProps } from '..';
 import Upload from '..';
 import { act, fireEvent, render, waitFakeTimer, waitFor } from '../../../tests/utils';
 import type { FormInstance } from '../../form';
 import Form from '../../form';
-import UploadList from '../UploadList';
 import type { UploadListProps, UploadLocale } from '../interface';
+import UploadList from '../UploadList';
 import { previewImage } from '../utils';
 import { setup, teardown } from './mock';
 import { errorRequest, successRequest } from './requests';
@@ -73,7 +74,9 @@ describe('Upload List', () => {
     mockWidthGet.mockImplementation(() => size.width);
     mockHeightGet.mockImplementation(() => size.height);
     mockSrcSet.mockImplementation(function fn() {
+      // @ts-ignore
       if (this.onload) {
+        // @ts-ignore
         this.onload();
       }
     });
diff --git a/components/upload/demo/upload-with-aliyun-oss.tsx b/components/upload/demo/upload-with-aliyun-oss.tsx
index f319109945..692e72391e 100644
--- a/components/upload/demo/upload-with-aliyun-oss.tsx
+++ b/components/upload/demo/upload-with-aliyun-oss.tsx
@@ -36,7 +36,7 @@ const AliyunOSSUpload = ({ value, onChange }: AliyunOSSUploadProps) => {
       const result = await mockGetOSSData();
       setOSSData(result);
     } catch (error) {
-      message.error(error);
+      message.error(error as string);
     }
   };
 
diff --git a/components/watermark/__tests__/index.test.tsx b/components/watermark/__tests__/index.test.tsx
index 3df1109878..51f5d6ec68 100644
--- a/components/watermark/__tests__/index.test.tsx
+++ b/components/watermark/__tests__/index.test.tsx
@@ -15,6 +15,7 @@ describe('Watermark', () => {
 
   beforeAll(() => {
     mockSrcSet.mockImplementation(function fn() {
+      // @ts-ignore
       this.onload?.();
     });
   });
@@ -77,6 +78,7 @@ describe('Watermark', () => {
 
   it('Invalid image watermark', () => {
     mockSrcSet.mockImplementation(function fn() {
+      // @ts-ignore
       this.onerror?.();
     });
     const { container } = render(
diff --git a/components/watermark/utils.ts b/components/watermark/utils.ts
index f2394c77aa..523af737b3 100644
--- a/components/watermark/utils.ts
+++ b/components/watermark/utils.ts
@@ -5,7 +5,7 @@ export function toLowercaseSeparator(key: string) {
 
 export function getStyleStr(style: React.CSSProperties): string {
   return Object.keys(style)
-    .map((key: keyof React.CSSProperties) => `${toLowercaseSeparator(key)}: ${style[key]};`)
+    .map((key) => `${toLowercaseSeparator(key)}: ${style[key as keyof React.CSSProperties]};`)
     .join(' ');
 }
 
diff --git a/docs/react/i18n.zh-CN.md b/docs/react/i18n.zh-CN.md
index 2c1e3b6c1e..f989461ebf 100644
--- a/docs/react/i18n.zh-CN.md
+++ b/docs/react/i18n.zh-CN.md
@@ -29,77 +29,77 @@ return (
 
 目前支持以下语言：
 
-| 语言                 | 文件名 |
-| -------------------- | ------ |
-| 阿拉伯语             | ar_EG  |
-| 阿塞拜疆语           | az_AZ  |
-| 保加利亚语           | bg_BG  |
-| 孟加拉语（孟加拉国） | bn_BD  |
-| 白俄罗斯语           | by_BY  |
-| 加泰罗尼亚语         | ca_ES  |
-| 捷克语               | cs_CZ  |
-| 丹麦语               | da_DK  |
-| 德语                 | de_DE  |
-| 希腊语               | el_GR  |
-| 英语                 | en_GB  |
-| 英语（美式）         | en_US  |
-| 西班牙语             | es_ES  |
-| 巴斯克语             | eu_ES  |
-| 爱沙尼亚语           | et_EE  |
-| 波斯语               | fa_IR  |
-| 芬兰语               | fi_FI  |
-| 法语（比利时）       | fr_BE  |
-| 法语（加拿大）       | fr_CA  |
-| 法语（法国）         | fr_FR  |
-| 爱尔兰语             | ga_IE  |
-| 加利西亚语（西班牙） | gl_ES  |
-| 希伯来语             | he_IL  |
-| 印地语               | hi_IN  |
-| 克罗地亚语           | hr_HR  |
-| 匈牙利语             | hu_HU  |
-| 亚美尼亚             | hy_AM  |
-| 印度尼西亚语         | id_ID  |
-| 意大利语             | it_IT  |
-| 冰岛语               | is_IS  |
-| 日语                 | ja_JP  |
-| 格鲁吉亚语           | ka_GE  |
-| 高棉语               | km_KH  |
-| 北库尔德语           | kmr_IQ |
-| 卡纳达语             | kn_IN  |
-| 哈萨克语             | kk_KZ  |
-| 韩语/朝鲜语          | ko_KR  |
-| 立陶宛语             | lt_LT  |
-| 拉脱维亚语           | lv_LV  |
-| 马其顿语             | mk_MK  |
-| 马拉雅拉姆语         | ml_IN  |
-| 蒙古语               | mn_MN  |
-| 马来语 (马来西亚)    | ms_MY  |
-| 缅甸语               | my_MM  |
-| 挪威语               | nb_NO  |
-| 尼泊尔语             | ne_NP  |
-| 荷兰语（比利时）     | nl_BE  |
-| 荷兰语               | nl_NL  |
-| 波兰语               | pl_PL  |
-| 葡萄牙语(巴西)       | pt_BR  |
-| 葡萄牙语             | pt_PT  |
-| 罗马尼亚语           | ro_RO  |
-| 俄罗斯语             | ru_RU  |
-| 僧伽罗语             | si_LK  |
-| 斯洛伐克语           | sk_SK  |
-| 塞尔维亚语           | sr_RS  |
-| 斯洛文尼亚语         | sl_SI  |
-| 瑞典语               | sv_SE  |
-| 泰米尔语             | ta_IN  |
-| 泰语                 | th_TH  |
-| 土耳其语             | tr_TR  |
-| 土库曼               | tk_TK  |
-| 乌尔都语 (巴基斯坦)  | ur_PK  |
-| 乌克兰语             | uk_UA  |
+| 语言                   | 文件名 |
+| ---------------------- | ------ |
+| 阿拉伯语               | ar_EG  |
+| 阿塞拜疆语             | az_AZ  |
+| 保加利亚语             | bg_BG  |
+| 孟加拉语（孟加拉国）   | bn_BD  |
+| 白俄罗斯语             | by_BY  |
+| 加泰罗尼亚语           | ca_ES  |
+| 捷克语                 | cs_CZ  |
+| 丹麦语                 | da_DK  |
+| 德语                   | de_DE  |
+| 希腊语                 | el_GR  |
+| 英语                   | en_GB  |
+| 英语（美式）           | en_US  |
+| 西班牙语               | es_ES  |
+| 巴斯克语               | eu_ES  |
+| 爱沙尼亚语             | et_EE  |
+| 波斯语                 | fa_IR  |
+| 芬兰语                 | fi_FI  |
+| 法语（比利时）         | fr_BE  |
+| 法语（加拿大）         | fr_CA  |
+| 法语（法国）           | fr_FR  |
+| 爱尔兰语               | ga_IE  |
+| 加利西亚语（西班牙）   | gl_ES  |
+| 希伯来语               | he_IL  |
+| 印地语                 | hi_IN  |
+| 克罗地亚语             | hr_HR  |
+| 匈牙利语               | hu_HU  |
+| 亚美尼亚               | hy_AM  |
+| 印度尼西亚语           | id_ID  |
+| 意大利语               | it_IT  |
+| 冰岛语                 | is_IS  |
+| 日语                   | ja_JP  |
+| 格鲁吉亚语             | ka_GE  |
+| 高棉语                 | km_KH  |
+| 北库尔德语             | kmr_IQ |
+| 卡纳达语               | kn_IN  |
+| 哈萨克语               | kk_KZ  |
+| 韩语/朝鲜语            | ko_KR  |
+| 立陶宛语               | lt_LT  |
+| 拉脱维亚语             | lv_LV  |
+| 马其顿语               | mk_MK  |
+| 马拉雅拉姆语           | ml_IN  |
+| 蒙古语                 | mn_MN  |
+| 马来语 (马来西亚)      | ms_MY  |
+| 缅甸语                 | my_MM  |
+| 挪威语                 | nb_NO  |
+| 尼泊尔语               | ne_NP  |
+| 荷兰语（比利时）       | nl_BE  |
+| 荷兰语                 | nl_NL  |
+| 波兰语                 | pl_PL  |
+| 葡萄牙语(巴西)         | pt_BR  |
+| 葡萄牙语               | pt_PT  |
+| 罗马尼亚语             | ro_RO  |
+| 俄罗斯语               | ru_RU  |
+| 僧伽罗语               | si_LK  |
+| 斯洛伐克语             | sk_SK  |
+| 塞尔维亚语             | sr_RS  |
+| 斯洛文尼亚语           | sl_SI  |
+| 瑞典语                 | sv_SE  |
+| 泰米尔语               | ta_IN  |
+| 泰语                   | th_TH  |
+| 土耳其语               | tr_TR  |
+| 土库曼                 | tk_TK  |
+| 乌尔都语 (巴基斯坦)    | ur_PK  |
+| 乌克兰语               | uk_UA  |
 | 乌兹别克语（拉丁字母） | uz_UZ  |
-| 越南语               | vi_VN  |
-| 简体中文             | zh_CN  |
-| 繁体中文（中国香港） | zh_HK  |
-| 繁体中文（中国台湾） | zh_TW  |
+| 越南语                 | vi_VN  |
+| 简体中文               | zh_CN  |
+| 繁体中文（中国香港）   | zh_HK  |
+| 繁体中文（中国台湾）   | zh_TW  |
 
 具体的使用方法请参考 [ConfigProvider 文档](/components/config-provider-cn)。
 
diff --git a/scripts/generate-cssinjs.ts b/scripts/generate-cssinjs.ts
index 4c993632eb..62341d1a76 100644
--- a/scripts/generate-cssinjs.ts
+++ b/scripts/generate-cssinjs.ts
@@ -31,7 +31,7 @@ export const generateCssinjs = ({ key, beforeRender, render }: GenCssinjsOptions
       let useStyle: StyleFn = () => {};
       if (file.includes('grid')) {
         const { useColStyle, useRowStyle } = await import(absPath);
-        useStyle = (prefixCls: string) => {
+        useStyle = (prefixCls) => {
           useRowStyle(prefixCls);
           useColStyle(prefixCls);
         };
diff --git a/scripts/tsconfig.json b/scripts/tsconfig.json
index 425dce052b..9fa6361a6c 100644
--- a/scripts/tsconfig.json
+++ b/scripts/tsconfig.json
@@ -7,7 +7,7 @@
     "skipDefaultLibCheck": true,
     "incremental": true,
     "sourceMap": false,
-    "strict": false,
+    "strict": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "resolveJsonModule": true,
diff --git a/tests/__mocks__/copy-to-clipboard.ts b/tests/__mocks__/copy-to-clipboard.ts
index 7edb07b278..b91f301283 100644
--- a/tests/__mocks__/copy-to-clipboard.ts
+++ b/tests/__mocks__/copy-to-clipboard.ts
@@ -1,7 +1,7 @@
 const copy: ((str?: string, options?: object) => void) & {
   lastStr?: string;
   lastOptions?: object;
-} = (str: string, options = {}) => {
+} = (str = '', options = {}) => {
   copy.lastStr = str;
   copy.lastOptions = options;
 };
diff --git a/tests/__mocks__/rc-util/lib/Portal.tsx b/tests/__mocks__/rc-util/lib/Portal.tsx
index 877b5a8615..af5bba04af 100644
--- a/tests/__mocks__/rc-util/lib/Portal.tsx
+++ b/tests/__mocks__/rc-util/lib/Portal.tsx
@@ -10,7 +10,7 @@ interface MockPortalProps {
 }
 
 class MockPortal extends React.Component<MockPortalProps> {
-  container: boolean;
+  container: boolean | undefined;
 
   static contextType = TriggerMockContext;
 
diff --git a/tests/setupAfterEnv.ts b/tests/setupAfterEnv.ts
index 0686ddc97b..7d8a097644 100644
--- a/tests/setupAfterEnv.ts
+++ b/tests/setupAfterEnv.ts
@@ -88,6 +88,7 @@ expect.addSnapshotSerializer({
 /** Demo Test only accept render as SSR to make sure align with both `server` & `client` side */
 expect.addSnapshotSerializer({
   test: (node) => node && typeof node === 'object' && node.type === 'demo' && node.html,
+  // @ts-ignore
   print: ({ html }) => {
     const { JSDOM } = jsdom;
     const { document } = new JSDOM().window;
@@ -96,6 +97,7 @@ expect.addSnapshotSerializer({
     const children = Array.from(document.body.childNodes);
 
     // Clean up `data-reactroot` since React 18 do not have this
+    // @ts-ignore
     children.forEach((ele: HTMLElement) => {
       if (typeof ele.removeAttribute === 'function') {
         ele.removeAttribute('data-reactroot');
diff --git a/tsconfig.json b/tsconfig.json
index bfa157a5c7..71055aa8cc 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,7 @@
       "antd/lib/*": ["components/*"],
       "antd/locale/*": ["components/locale/*"]
     },
+    "strict": true,
     "strictNullChecks": true,
     "module": "esnext",
     "moduleResolution": "Bundler",