diff --git a/components/calendar/generateCalendar.tsx b/components/calendar/generateCalendar.tsx
index c2bba1abaa..1f0834398b 100644
--- a/components/calendar/generateCalendar.tsx
+++ b/components/calendar/generateCalendar.tsx
@@ -236,7 +236,7 @@ function generateCalendar<DateType>(generateConfig: GenerateConfig<DateType>) {
       [monthFullCellRender, monthCellRender],
     );
 
-    const contextLocale = useLocale('Calendar', getDefaultLocale);
+    const [contextLocale] = useLocale('Calendar', getDefaultLocale);
 
     return wrapSSR(
       <div
diff --git a/components/date-picker/generatePicker/generateRangePicker.tsx b/components/date-picker/generatePicker/generateRangePicker.tsx
index 8974388b0b..c60c550071 100644
--- a/components/date-picker/generatePicker/generateRangePicker.tsx
+++ b/components/date-picker/generatePicker/generateRangePicker.tsx
@@ -102,7 +102,7 @@ export default function generateRangePicker<DateType>(generateConfig: GenerateCo
       blur: () => innerRef.current?.blur(),
     }));
 
-    const contextLocale = useLocale('Calendar', enUS);
+    const [contextLocale] = useLocale('Calendar', enUS);
 
     const locale = { ...contextLocale, ...props.locale! };
 
diff --git a/components/date-picker/generatePicker/generateSinglePicker.tsx b/components/date-picker/generatePicker/generateSinglePicker.tsx
index 68b5bff9e9..b3a8ffb0d7 100644
--- a/components/date-picker/generatePicker/generateSinglePicker.tsx
+++ b/components/date-picker/generatePicker/generateSinglePicker.tsx
@@ -122,7 +122,7 @@ export default function generatePicker<DateType>(generateConfig: GenerateConfig<
           </>
         );
 
-        const contextLocale = useLocale('DatePicker', enUS);
+        const [contextLocale] = useLocale('DatePicker', enUS);
 
         const locale = { ...contextLocale, ...props.locale! };
 
diff --git a/components/empty/index.tsx b/components/empty/index.tsx
index 41d3a376d6..f2a5c1f32f 100644
--- a/components/empty/index.tsx
+++ b/components/empty/index.tsx
@@ -46,7 +46,7 @@ const Empty: CompoundedComponent = ({
   const prefixCls = getPrefixCls('empty', customizePrefixCls);
   const [wrapSSR, hashId] = useStyle(prefixCls);
 
-  const locale = useLocale('Empty');
+  const [locale] = useLocale('Empty');
 
   const des = typeof description !== 'undefined' ? description : locale?.description;
   const alt = typeof des === 'string' ? des : 'empty';
diff --git a/components/form/FormItemLabel.tsx b/components/form/FormItemLabel.tsx
index c0d696298d..1ec42e1767 100644
--- a/components/form/FormItemLabel.tsx
+++ b/components/form/FormItemLabel.tsx
@@ -53,7 +53,7 @@ const FormItemLabel: React.FC<FormItemLabelProps & { required?: boolean; prefixC
   requiredMark,
   tooltip,
 }) => {
-  const formLocale = useLocale('Form');
+  const [formLocale] = useLocale('Form');
 
   const {
     vertical,
diff --git a/components/locale/useLocale.ts b/components/locale/useLocale.ts
index c3b5b01ddd..69be9bc409 100644
--- a/components/locale/useLocale.ts
+++ b/components/locale/useLocale.ts
@@ -9,16 +9,28 @@ export type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
 const useLocale = <C extends LocaleComponentName = LocaleComponentName>(
   componentName: C,
   defaultLocale?: Locale[C] | (() => Locale[C]),
-): Locale[C] => {
-  const antLocale = React.useContext<LocaleContextProps | undefined>(LocaleContext);
-  return React.useMemo<NonNullable<Locale[C]>>(() => {
+): readonly [NonNullable<Locale[C]>, string] => {
+  const fullLocale = React.useContext<LocaleContextProps | undefined>(LocaleContext);
+
+  const getLocale = React.useMemo<NonNullable<Locale[C]>>(() => {
     const locale = defaultLocale || defaultLocaleData[componentName];
-    const localeFromContext = antLocale?.[componentName] ?? {};
+    const localeFromContext = fullLocale?.[componentName] ?? {};
     return {
       ...(typeof locale === 'function' ? locale() : locale),
       ...(localeFromContext || {}),
     };
-  }, [componentName, defaultLocale, antLocale]);
+  }, [componentName, defaultLocale, fullLocale]);
+
+  const getLocaleCode = React.useMemo<string>(() => {
+    const localeCode = fullLocale?.locale;
+    // Had use LocaleProvide but didn't set locale
+    if (fullLocale?.exist && !localeCode) {
+      return defaultLocaleData.locale;
+    }
+    return localeCode!;
+  }, [fullLocale]);
+
+  return [getLocale, getLocaleCode] as const;
 };
 
 export default useLocale;
diff --git a/components/modal/ConfirmDialog.tsx b/components/modal/ConfirmDialog.tsx
index b5580743e4..da21408408 100644
--- a/components/modal/ConfirmDialog.tsx
+++ b/components/modal/ConfirmDialog.tsx
@@ -81,7 +81,7 @@ export function ConfirmContent(
 
   const autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';
 
-  const locale = useLocale('Modal');
+  const [locale] = useLocale('Modal');
 
   const mergedLocale = staticLocale || locale;
 
diff --git a/components/modal/PurePanel.tsx b/components/modal/PurePanel.tsx
index 4115bcd3a2..0ecefa96ae 100644
--- a/components/modal/PurePanel.tsx
+++ b/components/modal/PurePanel.tsx
@@ -58,7 +58,7 @@ export const Footer: React.FC<
     footer,
   } = props;
 
-  const locale = useLocale('Modal', getConfirmLocale());
+  const [locale] = useLocale('Modal', getConfirmLocale());
 
   return footer === undefined ? (
     <>
diff --git a/components/modal/useModal/HookModal.tsx b/components/modal/useModal/HookModal.tsx
index c1abadd5e6..f2528b58d6 100644
--- a/components/modal/useModal/HookModal.tsx
+++ b/components/modal/useModal/HookModal.tsx
@@ -46,7 +46,7 @@ const HookModal: React.ForwardRefRenderFunction<HookModalRef, HookModalProps> =
 
   const mergedOkCancel = innerConfig.okCancel ?? innerConfig.type === 'confirm';
 
-  const contextLocale = useLocale('Modal', defaultLocale.Modal);
+  const [contextLocale] = useLocale('Modal', defaultLocale.Modal);
 
   return (
     <ConfirmDialog
diff --git a/components/pagination/Pagination.tsx b/components/pagination/Pagination.tsx
index a090f36ece..4cf2724e84 100644
--- a/components/pagination/Pagination.tsx
+++ b/components/pagination/Pagination.tsx
@@ -93,7 +93,7 @@ const Pagination: React.FC<PaginationProps> = ({
     return { prevIcon, nextIcon, jumpPrevIcon, jumpNextIcon };
   };
 
-  const contextLocale = useLocale('Pagination', enUS);
+  const [contextLocale] = useLocale('Pagination', enUS);
 
   const locale = { ...contextLocale, ...customLocale };
 
diff --git a/components/popconfirm/PurePanel.tsx b/components/popconfirm/PurePanel.tsx
index 62b40642f1..8b006d65bd 100644
--- a/components/popconfirm/PurePanel.tsx
+++ b/components/popconfirm/PurePanel.tsx
@@ -56,7 +56,7 @@ export const Overlay: React.FC<OverlayProps> = (props) => {
 
   const { getPrefixCls } = React.useContext(ConfigContext);
 
-  const contextLocale = useLocale('Popconfirm', defaultLocale.Popconfirm);
+  const [contextLocale] = useLocale('Popconfirm', defaultLocale.Popconfirm);
 
   return (
     <div className={`${prefixCls}-inner-content`}>
diff --git a/components/qrcode/index.tsx b/components/qrcode/index.tsx
index 62510ab82f..9970887164 100644
--- a/components/qrcode/index.tsx
+++ b/components/qrcode/index.tsx
@@ -53,7 +53,7 @@ const QRCode: React.FC<QRCodeProps> = (props) => {
     };
   }, [errorLevel, color, icon, iconSize, size, value]);
 
-  const locale = useLocale('QRCode');
+  const [locale] = useLocale('QRCode');
 
   if (!value) {
     if (process.env.NODE_ENV !== 'production') {
diff --git a/components/tour/panelRender.tsx b/components/tour/panelRender.tsx
index 7443ee2b4e..0176a58c3b 100644
--- a/components/tour/panelRender.tsx
+++ b/components/tour/panelRender.tsx
@@ -92,7 +92,7 @@ const TourPanel: React.FC<TourPanelProps> = ({ stepProps, current, type, indicat
     ghost: mergedType === 'primary',
   };
 
-  const contextLocale = useLocale('Tour', defaultLocale.Tour);
+  const [contextLocale] = useLocale('Tour', defaultLocale.Tour);
 
   return (
     <div
diff --git a/components/transfer/ListItem.tsx b/components/transfer/ListItem.tsx
index 506056583e..d031e76e9e 100644
--- a/components/transfer/ListItem.tsx
+++ b/components/transfer/ListItem.tsx
@@ -43,7 +43,7 @@ const ListItem = <RecordType extends KeyWiseTransferItem>(props: ListItemProps<R
     title = String(renderedText);
   }
 
-  const contextLocale = useLocale('Transfer', defaultLocale.Transfer);
+  const [contextLocale] = useLocale('Transfer', defaultLocale.Transfer);
 
   const liProps: React.HTMLAttributes<HTMLLIElement> = { className, title };
 
diff --git a/components/transfer/index.tsx b/components/transfer/index.tsx
index 13adda3bec..6db4e74f51 100644
--- a/components/transfer/index.tsx
+++ b/components/transfer/index.tsx
@@ -367,7 +367,7 @@ const Transfer = <RecordType extends TransferItem = TransferItem>(
     hashId,
   );
 
-  const contextLocale = useLocale('Transfer', defaultLocale.Transfer);
+  const [contextLocale] = useLocale('Transfer', defaultLocale.Transfer);
 
   const listLocale = getLocale(contextLocale!);
 
diff --git a/components/typography/Base/index.tsx b/components/typography/Base/index.tsx
index e2ee39bf14..9c712fc529 100644
--- a/components/typography/Base/index.tsx
+++ b/components/typography/Base/index.tsx
@@ -135,7 +135,7 @@ const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
     ...restProps
   } = props;
   const { getPrefixCls, direction } = React.useContext(ConfigContext);
-  const textLocale = useLocale('Text');
+  const [textLocale] = useLocale('Text');
 
   const typographyRef = React.useRef<HTMLElement>(null);
   const editIconRef = React.useRef<HTMLDivElement>(null);
diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
index 6672d0255c..0317c9fdb7 100644
--- a/components/upload/Upload.tsx
+++ b/components/upload/Upload.tsx
@@ -339,7 +339,7 @@ const InternalUpload: React.ForwardRefRenderFunction<unknown, UploadProps> = (pr
 
   const [wrapSSR, hashId] = useStyle(prefixCls);
 
-  const contextLocale = useLocale('Upload', defaultLocale.Upload);
+  const [contextLocale] = useLocale('Upload', defaultLocale.Upload);
 
   const {
     showRemoveIcon,