引入antv

web/app/layout.tsx

@@ -7,6 +7,7 @@ import { TanstackQueryIniter } from '@/context/query-client'
 import { ThemeProvider } from 'next-themes'
 import './styles/globals.css'
 import './styles/markdown.scss'
+import Fix from '@/utils/fix'
 
 export const metadata = {
   title: 'Dify',
@@ -64,6 +65,7 @@ const LocaleLayout = async ({
                 disableTransitionOnChange
               >
                 <I18nServer>
+                  <Fix/>
                   {children}
                 </I18nServer>
               </ThemeProvider>

web/package.json

@@ -55,6 +55,7 @@
     "@tanstack/react-query": "^5.60.5",
     "@tanstack/react-query-devtools": "^5.60.5",
     "ahooks": "^3.8.4",
+    "antd": "^5.24.9",
     "class-variance-authority": "^0.7.0",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.3",

web/utils/fix.ts

@@ -0,0 +1,20 @@
+'use client'
+import { unstableSetRender } from 'antd'
+import { createRoot } from 'react-dom/client'
+
+unstableSetRender((node, container: any) => {
+  container._reactRoot ||= createRoot(container)
+  const root: ReturnType<typeof createRoot> = container._reactRoot
+  root.render(node)
+
+  return () =>
+    new Promise<void>((resolve) => {
+      setTimeout(() => {
+        root.unmount()
+        resolve()
+      }, 0)
+    })
+})
+export default function Fix() {
+  return null
+}