chore: type fixes and bump react-dom to ^19.0.0

privacy-scaling-explorations · Jan 17, 2025 · f772a5c · f772a5c
1 parent b239845
commit f772a5c
Show file tree

Hide file tree

Showing 5 changed files with 205 additions and 202 deletions.
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -30,7 +30,7 @@
     "gray-matter": "^4.0.3",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.0.0",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.0.0",
     "rehype-katex": "^7.0.1",
     "remark-math": "^6.0.0"
   },

diff --git 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 => (
   <section className={styles.features}>
     <div className="container">
       <div className="row">

diff --git 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) => (
   </header>
 );
 
-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
@@ -1,6 +1,8 @@
 import Layout from "@theme/Layout";
 
-const TypedocPage = (): JSX.Element => (
+import type { ReactElement } from "react";
+
+const TypedocPage = (): ReactElement => (
   <Layout description="Description for your Typedoc page" title="Typedoc">
     <iframe src="/typedoc_output/index.html" style={{ width: "100%", height: "100vh" }} title="typedoc" />
   </Layout>