nextJs13：如何全局配置antd的日期组件datepicker等都显示中文（2步）

项目使用技术：nextjs13（使用 App Router方式） + antd(v5.9.2)

步骤1：按照antd官网说明（5步），只配置前4步，第5步先省略：在 Next.js 中使用 - Ant Design 

步骤2：修改lib/AntdRegistry.tsx文件，将ConfigProvider组件和相关中文import添加到文件即可。

"use client";
 
import React from "react";
import { createCache, extractStyle, StyleProvider } from "@ant-design/cssinjs";
import type Entity from "@ant-design/cssinjs/es/Cache";
import { useServerInsertedHTML } from "next/navigation";
import { ConfigProvider } from "antd";
 
import zhCN from "antd/locale/zh_CN"; // 设置antd组件用中文
import theme from "../theme/themeConfig"; // antd相关主题等自定义配置
import "dayjs/locale/zh-cn"; // datePicker等日期组件显示中文
 
const StyledComponentsRegistry = ({ children }: React.PropsWithChildren) => {
  const cache = React.useMemo<Entity>(() => createCache(), []);
  useServerInsertedHTML(() => (
    <style
      id="antd"
      dangerouslySetInnerHTML={{ __html: extractStyle(cache, true) }}
    />
  ));
  return (
    <StyleProvider cache={cache}>
      <ConfigProvider theme={theme} locale={zhCN}>
        {children}
      ConfigProvider>
    StyleProvider>
  );
};
 
export default StyledComponentsRegistry;