chore(deps): update react to v19

Author: dineshpinto

docusaurus.config.ts

@@ -40,6 +40,7 @@ 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: {

package-lock.json

@@ -30,8 +30,8 @@
     "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.30.3"
@@ -41,8 +41,8 @@
     "@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",
+    "@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": "^10.1.8",

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,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 {

src/theme/DocCard/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { type JSX } from "react";
 import type { Props } from "@theme/Footer/Copyright";
 
 export default function FooterCopyright({ copyright }: Props): JSX.Element {

src/theme/Footer/Copyright/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { type JSX } from "react";
 import clsx from "clsx";
 import type { Props } from "@theme/Footer/Layout";
 

src/theme/Footer/Layout/index.tsx

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