feat: To update react v19.1 => v19.2.x (#3149)

* feat: To update docusaurus v3.9.2 => 3.10.0

* feat: To update react v19.1=>v19.2.6  antd 6.0 => v6.3.5  remove v5-patch

Author: Chasen-Zhang

package.json

@@ -30,7 +30,6 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@ant-design/v5-patch-for-react-19": "^1.0.3",
     "@docusaurus/core": "^3.10.0",
     "@docusaurus/faster": "^3.10.0",
     "@docusaurus/plugin-client-redirects": "^3.10.0",
@@ -39,7 +38,7 @@
     "@mdx-js/react": "^3.0.0",
     "@types/turndown": "^5.0.5",
     "ahooks": "^3.8.0",
-    "antd": "^6.0.0",
+    "antd": "^6.3.5",
     "axios": "^1.14.0",
     "clsx": "^2.0.0",
     "copy-to-clipboard": "^3.3.3",
@@ -53,8 +52,8 @@
     "js-cookie": "^3.0.5",
     "prism-react-renderer": "^2.3.0",
     "prop-types": "^15.8.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "react-icons": "^5.5.0",
     "react-markdown": "^9.0.1",
     "react-scroll-progress-bar": "^2.0.3",

src/components/CopyPageButton/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useCallback } from "react";
-import { Button, Dropdown, Flex, Spin } from "antd";
+import { Button, Dropdown, Flex, Space, Spin } from "antd";
 import styles from "./styles.module.scss";
 import { FaAngleDown } from "react-icons/fa6";
 
@@ -39,7 +39,7 @@ const CopyDropdownButton: React.FC = () => {
   function copyHtml() {
     setIsCopied(true);
     const htmlContent = getPageContentAsHtml();
-    const markdownContent = convertHtmlToMarkdown(htmlContent);
+    const markdownContent = convertHtmlToMarkdown(htmlContent as string);
     navigator.clipboard.writeText(markdownContent?.replace("Copy Page", ""));
     setTimeout(() => {
       setIsCopied(false);
@@ -71,7 +71,7 @@ const CopyDropdownButton: React.FC = () => {
     return (
       metadata?.source?.replace(
         "@site",
-        "https://raw.githubusercontent.com/databendlabs/databend-docs/refs/heads/main"
+        "https://raw.githubusercontent.com/databendlabs/databend-docs/refs/heads/main",
       ) || ""
     );
   }, [metadata]);
@@ -134,15 +134,15 @@ const CopyDropdownButton: React.FC = () => {
         if (key === "markdown") window.open(sourceUrl, "_blank");
         if (key === "gpt")
           window.open(
-            `https://chat.openai.com/?hints=search&q=Read from ${window.location.href} so I can ask questions about it.`
+            `https://chat.openai.com/?hints=search&q=Read from ${window.location.href} so I can ask questions about it.`,
           );
         if (key === "claude")
           window.open(
-            `https://claude.ai/new?q=Read from ${window.location.href} so I can ask questions about it.`
+            `https://claude.ai/new?q=Read from ${window.location.href} so I can ask questions about it.`,
           );
         if (key === "perplexity") {
           window.open(
-            `https://www.perplexity.ai/search/new?q=Read from ${window.location.href} so I can ask questions about it`
+            `https://www.perplexity.ai/search/new?q=Read from ${window.location.href} so I can ask questions about it`,
           );
         }
       },
@@ -163,20 +163,18 @@ const CopyDropdownButton: React.FC = () => {
         </span>
       </Flex>
     ),
-    [loading, isCopied]
+    [loading, isCopied],
   );
 
   return (
-    <Dropdown.Button
-      onClick={() => handleCopy(sourceUrl)}
-      menu={menu}
-      placement="bottomRight"
-      icon={<FaAngleDown className={styles.svg} />}
-      className={styles.buttonCainter}
-      trigger={["click"]}
-    >
-      {renderButtonContent}
-    </Dropdown.Button>
+    <Space.Compact className={styles.buttonCainter}>
+      <Button onClick={() => handleCopy(sourceUrl)}>
+        {renderButtonContent}
+      </Button>
+      <Dropdown menu={menu} placement="bottomRight" trigger={["click"]}>
+        <Button icon={<FaAngleDown className={styles.svg} />} />
+      </Dropdown>
+    </Space.Compact>
   );
 };
 

src/theme/DocRoot/Layout/Main/index.tsx

@@ -26,15 +26,15 @@ export default function DocRootLayoutMain({
     <main
       className={clsx(
         styles.docMainContainer,
-        (hiddenSidebarContainer || !sidebar) && styles.docMainContainerEnhanced
+        (hiddenSidebarContainer || !sidebar) && styles.docMainContainerEnhanced,
       )}
     >
       <div
         onClick={getImgElement}
         className={clsx(
           "container padding-top--md padding-bottom--lg",
           styles.docItemWrapper,
-          hiddenSidebarContainer && styles.docItemWrapperEnhanced
+          hiddenSidebarContainer && styles.docItemWrapperEnhanced,
         )}
       >
         {children}
@@ -44,9 +44,9 @@ export default function DocRootLayoutMain({
         style={{ display: "none" }}
         preview={{
           scaleStep: 0.25,
-          visible: previewImage,
+          open: previewImage,
           src: previewImageSrc,
-          onVisibleChange: (value) => {
+          onOpenChange: (value) => {
             setPreviewImage(value);
           },
         }}

src/theme/Footer/index.tsx

@@ -13,7 +13,6 @@ import { useThemeConfig } from "@docusaurus/theme-common";
 import styles from "./index.module.scss";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import { useMount } from "ahooks";
-import "@ant-design/v5-patch-for-react-19";
 import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
 import "vanilla-cookieconsent/dist/cookieconsent.css";
 import * as CookieConsent from "vanilla-cookieconsent";

src/theme/MDXComponents/A.js

@@ -17,7 +17,7 @@ export default function MDXA(props) {
   if (hasProtocolPrefix(props?.href)) {
     return (
       <Tooltip
-        destroyTooltipOnHide
+        destroyOnHidden
         classNames={{
           root: styles.tooltip,
         }}