diff --git a/apps/website/package.json b/apps/website/package.json index bd7ee1ffbb..d558269e13 100644 --- a/apps/website/package.json +++ b/apps/website/package.json @@ -29,8 +29,8 @@ "docusaurus-plugin-matomo": "^0.0.8", "gray-matter": "^4.0.3", "prism-react-renderer": "^2.4.1", - "react": "^18.3.1", - "react-dom": "^18.3.1", + "react": "^19.0.0", + "react-dom": "^19.0.0", "rehype-katex": "^7.0.1", "remark-math": "^6.0.0" }, @@ -39,7 +39,7 @@ "@docusaurus/tsconfig": "^3.7.0", "@docusaurus/types": "^3.7.0", "@types/node": "^22.10.7", - "@types/react": "^18.3.12", + "@types/react": "^19.0.7", "ts-node": "^10.9.2", "typescript": "^5.7.3" }, diff --git a/apps/website/src/components/HomepageFeatures/index.tsx b/apps/website/src/components/HomepageFeatures/index.tsx index 3689eb21ec..2c6b6e19af 100644 --- a/apps/website/src/components/HomepageFeatures/index.tsx +++ b/apps/website/src/components/HomepageFeatures/index.tsx @@ -2,6 +2,8 @@ import { useColorMode } from "@docusaurus/theme-common"; import Heading from "@theme/Heading"; import clsx from "clsx"; +import type { ReactElement } from "react"; + import boxImage from "../../../static/img/box.png"; import boxDarkImage from "../../../static/img/box_dark.png"; import chainImage from "../../../static/img/chain.png"; @@ -15,7 +17,7 @@ interface FeatureItem { title: string; img: string; imgDark: string; - description: JSX.Element; + description: ReactElement; } const FeatureList: FeatureItem[] = [ @@ -74,7 +76,7 @@ const Feature = ({ title, img, imgDark, description }: FeatureItem) => { ); }; -const HomepageFeatures = (): JSX.Element => ( +const HomepageFeatures = (): ReactElement => (
diff --git a/apps/website/src/pages/index.tsx b/apps/website/src/pages/index.tsx index 6d4da40d30..6180fe9841 100644 --- a/apps/website/src/pages/index.tsx +++ b/apps/website/src/pages/index.tsx @@ -3,6 +3,8 @@ import Layout from "@theme/Layout"; import LayoutProvider from "@theme/Layout/Provider"; import clsx from "clsx"; +import type { ReactElement } from "react"; + import HomepageFeatures from "../components/HomepageFeatures"; import styles from "./index.module.css"; @@ -24,7 +26,7 @@ const HomepageHeader = ({ tagline, title }: HomepageHeaderProps) => ( ); -const Home = (): JSX.Element => { +const Home = (): ReactElement => { const { siteConfig } = useDocusaurusContext(); return ( diff --git a/apps/website/src/pages/typedoc.tsx b/apps/website/src/pages/typedoc.tsx index 0d5559b329..77fad97a1d 100644 --- a/apps/website/src/pages/typedoc.tsx +++ b/apps/website/src/pages/typedoc.tsx @@ -1,6 +1,8 @@ import Layout from "@theme/Layout"; -const TypedocPage = (): JSX.Element => ( +import type { ReactElement } from "react"; + +const TypedocPage = (): ReactElement => (