chore(deps): update react to v19, disable experimental rspack bundler (#1059)

Author: dineshpinto

docusaurus.config.ts

@@ -40,9 +40,19 @@ const config: Config = {
   },
 
   // Experimental features in preparation for Docusaurus v4 upgrade
+  // rspack is disabled currently due to bundling performance issues
   future: {
     v4: true,
-    experimental_faster: true,
+    experimental_faster: {
+      swcJsLoader: true,
+      swcJsMinimizer: true,
+      swcHtmlMinimizer: true,
+      lightningCssMinimizer: true,
+      rspackBundler: false,
+      rspackPersistentCache: false,
+      ssgWorkerThreads: true,
+      mdxCrossCompilerCache: true,
+    },
   },
 
   presets: [

examples/developer-hub-solidity/BandExample.sol

@@ -1,7 +1,10 @@
 // SPDX-License-Identifier: MIT
 pragma solidity >=0.8.0 <0.9.0;
 
-import {IStdReference, FtsoBandAdapterLibrary} from "@flarenetwork/ftso-adapters/contracts/coston2/BandAdapter.sol";
+import {
+    IStdReference,
+    FtsoBandAdapterLibrary
+} from "@flarenetwork/ftso-adapters/contracts/coston2/BandAdapter.sol";
 
 /**
  * @title PriceTriggeredSafe

examples/developer-hub-solidity/FDCTransferEventListener.sol

@@ -56,7 +56,9 @@ contract TransferEventListener is ITransferEventListener {
                 // The topic0 doesn't match the Transfer event
                 _event.topics.length == 0 || // No topics
                 _event.topics[0] !=
-                keccak256(abi.encodePacked("Transfer(address,address,uint256)"))
+                    keccak256(
+                        abi.encodePacked("Transfer(address,address,uint256)")
+                    )
             ) {
                 continue;
             }

package-lock.json

@@ -24,32 +24,32 @@
     "@docusaurus/core": "^3.9.2",
     "@docusaurus/faster": "^3.9.2",
     "@docusaurus/preset-classic": "^3.9.2",
-    "@easyops-cn/docusaurus-search-local": "^0.41.1",
-    "@mdx-js/react": "^3.1.0",
+    "@easyops-cn/docusaurus-search-local": "^0.52.2",
+    "@mdx-js/react": "^3.1.1",
     "@tippyjs/react": "^4.2.6",
     "clsx": "^2.1.1",
     "prism-react-renderer": "^2.4.1",
     "raw-loader": "^4.0.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "rehype-katex": "^7.0.1",
     "remark-math": "^6.0.0",
-    "swagger-ui-react": "^5.27.0"
+    "swagger-ui-react": "^5.30.3"
   },
   "devDependencies": {
     "@docusaurus/eslint-plugin": "^3.9.2",
     "@docusaurus/module-type-aliases": "^3.9.1",
     "@docusaurus/tsconfig": "^3.9.1",
     "@docusaurus/types": "^3.9.1",
-    "@types/react": "^18.3.23",
-    "@types/react-dom": "^18.3.7",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.48.1",
     "docusaurus-plugin-llms": "^0.2.0",
-    "eslint-config-prettier": "^9.1.2",
-    "eslint-plugin-prettier": "^5.5.3",
-    "prettier": "^3.6.2",
-    "prettier-plugin-solidity": "^1.4.3",
-    "typescript": "~5.2.2"
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "prettier": "^3.7.4",
+    "prettier-plugin-solidity": "^2.2.0",
+    "typescript": "^5.9.2"
   },
   "browserslist": {
     "production": [

package.json

@@ -1,3 +1,4 @@
+import React, { type JSX } from "react";
 import classes from "./featuresSection.module.css";
 
 import DataConnector from "@site/static/img/DATACONNECTOR_new.svg";

src/components/HomepageFeatures/featuresSection.tsx

@@ -1,14 +1,24 @@
+import React, { Suspense } from "react";
+import BrowserOnly from "@docusaurus/BrowserOnly";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-import SwaggerUI from "swagger-ui-react";
-import "swagger-ui-react/swagger-ui.css";
 import { useColorMode } from "@docusaurus/theme-common";
+import "swagger-ui-react/swagger-ui.css";
+
+const SwaggerUI = React.lazy(() => import("swagger-ui-react"));
 
-export default function OpenApiDoc({ url }) {
+export default function OpenApiDoc({ url }: { url: string }) {
   const { colorMode } = useColorMode();
+  const resolvedUrl = useBaseUrl(url);
 
   return (
-    <div className={`swagger-container`} data-theme={colorMode}>
-      <SwaggerUI url={useBaseUrl(`${url}`)} />
+    <div className="swagger-container" data-theme={colorMode}>
+      <BrowserOnly fallback={<div>Loading API docs…</div>}>
+        {() => (
+          <Suspense fallback={<div>Loading API docs…</div>}>
+            <SwaggerUI url={resolvedUrl} />
+          </Suspense>
+        )}
+      </BrowserOnly>
     </div>
   );
 }

src/components/OpenApiDoc/OpenApiDoc.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { type JSX } from "react";
 import Link from "@docusaurus/Link";
 
 export default function Remix({ children, fileName }): JSX.Element {

src/components/remix.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { type JSX } from "react";
 import clsx from "clsx";
 import useIsBrowser from "@docusaurus/useIsBrowser";
 import { translate } from "@docusaurus/Translate";

src/theme/ColorModeToggle/index.tsx

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from "react";
+import { type ReactNode, type JSX } from "react";
 import clsx from "clsx";
 import Link from "@docusaurus/Link";
 import {