diff --git a/packages/apps/dashboard/client/package.json b/packages/apps/dashboard/client/package.json
index 9943e7711e..7677ec9567 100644
--- a/packages/apps/dashboard/client/package.json
+++ b/packages/apps/dashboard/client/package.json
@@ -32,8 +32,8 @@
     "axios": "^1.7.2",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.11",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-number-format": "^5.4.5",
     "react-router-dom": "^7.13.0",
     "recharts": "^2.13.0-alpha.4",
@@ -47,8 +47,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^10.1.0",
     "eslint-import-resolver-typescript": "^4.4.4",
diff --git a/packages/apps/dashboard/client/src/features/searchResults/ui/SearchResults.tsx b/packages/apps/dashboard/client/src/features/searchResults/ui/SearchResults.tsx
index ff88b6637e..a3f2706a2d 100644
--- a/packages/apps/dashboard/client/src/features/searchResults/ui/SearchResults.tsx
+++ b/packages/apps/dashboard/client/src/features/searchResults/ui/SearchResults.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { type ReactElement, useEffect, useState } from 'react';
 
 import Stack from '@mui/material/Stack';
 import { AxiosError } from 'axios';
@@ -38,7 +38,7 @@ const renderCurrentResultType = (
 
   const renderType: Record<
     keyof AddressDetails,
-    { title: string; icon: JSX.Element }
+    { title: string; icon: ReactElement }
   > = {
     operator: {
       title: 'Wallet Address',
diff --git a/packages/apps/dashboard/client/src/shared/ui/ShadowIcon/index.tsx b/packages/apps/dashboard/client/src/shared/ui/ShadowIcon/index.tsx
index 94efb88761..0031def70c 100644
--- a/packages/apps/dashboard/client/src/shared/ui/ShadowIcon/index.tsx
+++ b/packages/apps/dashboard/client/src/shared/ui/ShadowIcon/index.tsx
@@ -1,11 +1,11 @@
-import type { FC } from 'react';
+import type { FC, ReactElement } from 'react';
 
 import clsx from 'clsx';
 
 const ShadowIcon: FC<{
   className?: string;
   title?: string;
-  img: string | JSX.Element;
+  img: string | ReactElement;
 }> = ({ className, title, img }) => {
   return (
     <div className={clsx('shadow-icon', className)}>
diff --git a/packages/apps/faucet/client/package.json b/packages/apps/faucet/client/package.json
index 4504409cca..9c0606702e 100644
--- a/packages/apps/faucet/client/package.json
+++ b/packages/apps/faucet/client/package.json
@@ -23,8 +23,8 @@
     "@human-protocol/sdk": "workspace:*",
     "@mui/icons-material": "^7.3.8",
     "@mui/material": "^5.16.7",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-loading-skeleton": "^3.3.1",
     "react-router-dom": "^7.13.0",
     "serve": "^14.2.4",
@@ -32,8 +32,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.3.4",
     "dotenv": "^17.2.2",
     "eslint": "^10.1.0",
diff --git a/packages/apps/fortune/exchange-oracle/client/package.json b/packages/apps/fortune/exchange-oracle/client/package.json
index 98b1a55755..2c7c38158e 100644
--- a/packages/apps/fortune/exchange-oracle/client/package.json
+++ b/packages/apps/fortune/exchange-oracle/client/package.json
@@ -37,8 +37,8 @@
     "@tanstack/react-query-persist-client": "^5.80.7",
     "axios": "^1.7.2",
     "ethers": "^6.16.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-router-dom": "^7.13.0",
     "serve": "^14.2.4",
     "viem": "2.x",
@@ -46,8 +46,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.3",
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^4.3.1",
     "eslint": "^10.1.0",
diff --git a/packages/apps/human-app/frontend/package.json b/packages/apps/human-app/frontend/package.json
index 33b9145801..fa702bb144 100644
--- a/packages/apps/human-app/frontend/package.json
+++ b/packages/apps/human-app/frontend/package.json
@@ -44,8 +44,8 @@
     "notistack": "^3.0.1",
     "prop-types": "^15.8.1",
     "query-string": "^9.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-hook-form": "^7.71.1",
     "react-i18next": "^15.1.0",
     "react-imask": "^7.4.0",
@@ -66,8 +66,8 @@
     "@types/mui-image": "^1.0.5",
     "@types/node": "^22.10.5",
     "@types/prop-types": "^15",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.3",
     "@vercel/style-guide": "^6.0.0",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^10.1.0",
diff --git a/packages/apps/human-app/frontend/src/modules/auth-web3/providers/require-web3-auth.tsx b/packages/apps/human-app/frontend/src/modules/auth-web3/providers/require-web3-auth.tsx
index e39be66414..d17ac6a555 100644
--- a/packages/apps/human-app/frontend/src/modules/auth-web3/providers/require-web3-auth.tsx
+++ b/packages/apps/human-app/frontend/src/modules/auth-web3/providers/require-web3-auth.tsx
@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { useLocation, Navigate } from 'react-router-dom';
 import { createContext } from 'react';
 import { routerPaths } from '@/router/router-paths';
@@ -11,7 +12,7 @@ export const Web3AuthenticatedUserContext =
 
 export function RequireWeb3Auth({
   children,
-}: Readonly<{ children: JSX.Element }>) {
+}: Readonly<{ children: ReactNode }>) {
   const web3Auth = useWeb3Auth();
   const location = useLocation();
 
diff --git a/packages/apps/human-app/frontend/src/modules/auth/providers/require-auth.tsx b/packages/apps/human-app/frontend/src/modules/auth/providers/require-auth.tsx
index 413c8b4a69..2ef94b7460 100644
--- a/packages/apps/human-app/frontend/src/modules/auth/providers/require-auth.tsx
+++ b/packages/apps/human-app/frontend/src/modules/auth/providers/require-auth.tsx
@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { useLocation, Navigate } from 'react-router-dom';
 import { createContext } from 'react';
 import { useAuth } from '@/modules/auth/hooks/use-auth';
@@ -9,7 +10,7 @@ import { type UserData } from '../context/auth-context';
 export const AuthenticatedUserContext =
   createContext<AuthenticatedUserContextType<UserData> | null>(null);
 
-export function RequireAuth({ children }: Readonly<{ children: JSX.Element }>) {
+export function RequireAuth({ children }: Readonly<{ children: ReactNode }>) {
   const auth = useAuth();
   const location = useLocation();
 
diff --git a/packages/apps/human-app/frontend/src/modules/worker/profile/components/wallet-connect-done.tsx b/packages/apps/human-app/frontend/src/modules/worker/profile/components/wallet-connect-done.tsx
index 808b282eb1..f44d5580ed 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/profile/components/wallet-connect-done.tsx
+++ b/packages/apps/human-app/frontend/src/modules/worker/profile/components/wallet-connect-done.tsx
@@ -11,7 +11,7 @@ import { CustomTextField, CustomTextFieldDark } from './custom-text-field';
 
 export function WalletConnectDone() {
   const [isCopied, setIsCopied] = useState(false);
-  const timeoutRef = useRef<NodeJS.Timeout>();
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
   const { isDarkMode } = useColorMode();
   const { address } = useWalletConnect();
   const {
diff --git a/packages/apps/human-app/frontend/src/modules/worker/providers/require-stake.tsx b/packages/apps/human-app/frontend/src/modules/worker/providers/require-stake.tsx
index c9e9843718..83802a5467 100644
--- a/packages/apps/human-app/frontend/src/modules/worker/providers/require-stake.tsx
+++ b/packages/apps/human-app/frontend/src/modules/worker/providers/require-stake.tsx
@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { useAuthenticatedUser } from '@/modules/auth/hooks/use-authenticated-user';
 import { routerPaths } from '@/router/router-paths';
 import { protectedRoutes } from '@/router/routes';
@@ -8,9 +9,7 @@ const stakeProtectedPaths = protectedRoutes
   .map((route) => route.routerProps.path)
   .filter((path) => path !== routerPaths.worker.profile);
 
-export function RequireStake({
-  children,
-}: Readonly<{ children: JSX.Element }>) {
+export function RequireStake({ children }: Readonly<{ children: ReactNode }>) {
   const { user } = useAuthenticatedUser();
   const location = useLocation();
   const { uiConfig } = useUiConfig();
diff --git a/packages/apps/human-app/frontend/src/router/components/layout/protected/drawer-navigation.tsx b/packages/apps/human-app/frontend/src/router/components/layout/protected/drawer-navigation.tsx
index 1cb81b9c32..ac6d46a6b5 100644
--- a/packages/apps/human-app/frontend/src/router/components/layout/protected/drawer-navigation.tsx
+++ b/packages/apps/human-app/frontend/src/router/components/layout/protected/drawer-navigation.tsx
@@ -4,7 +4,7 @@ import CssBaseline from '@mui/material/CssBaseline';
 import { Stack } from '@mui/material';
 import { useNavigate } from 'react-router-dom';
 import { t } from 'i18next';
-import type { Dispatch, SetStateAction } from 'react';
+import type { Dispatch, ReactElement, SetStateAction } from 'react';
 import { HumanLogoNavbarIcon } from '@/shared/components/ui/icons';
 import { Button } from '@/shared/components/ui/button';
 import { useIsMobile } from '@/shared/hooks/use-is-mobile';
@@ -18,12 +18,12 @@ export interface DrawerItem {
   label: string;
   link?: string;
   href?: string;
-  icon?: JSX.Element;
+  icon?: ReactElement;
   disabled?: boolean;
   onClick?: () => void;
 }
 
-export type MenuItem = DrawerItem | JSX.Element;
+export type MenuItem = DrawerItem | ReactElement;
 interface DrawerNavigationProps {
   open: boolean;
   setDrawerOpen: Dispatch<SetStateAction<boolean>>;
diff --git a/packages/apps/human-app/frontend/src/router/components/layout/protected/layout.tsx b/packages/apps/human-app/frontend/src/router/components/layout/protected/layout.tsx
index e9e800abfa..ebe1e2ead6 100644
--- a/packages/apps/human-app/frontend/src/router/components/layout/protected/layout.tsx
+++ b/packages/apps/human-app/frontend/src/router/components/layout/protected/layout.tsx
@@ -1,5 +1,5 @@
 import { Grid, styled } from '@mui/material';
-import type { Dispatch, SetStateAction } from 'react';
+import type { Dispatch, ReactElement, SetStateAction } from 'react';
 import { useEffect, useRef, useState } from 'react';
 import { Outlet } from 'react-router-dom';
 import { useIsMobile } from '@/shared/hooks/use-is-mobile';
@@ -43,11 +43,11 @@ export function ProtectedLayout({
   renderDrawer: (
     open: boolean,
     setDrawerOpen: Dispatch<SetStateAction<boolean>>
-  ) => JSX.Element;
-  renderHCaptchaStatisticsDrawer?: (isOpen: boolean) => JSX.Element;
+  ) => ReactElement;
+  renderHCaptchaStatisticsDrawer?: (isOpen: boolean) => ReactElement;
   renderGovernanceBanner?: boolean;
 }>) {
-  const layoutElementRef = useRef<HTMLDivElement>();
+  const layoutElementRef = useRef<HTMLDivElement | null>(null);
   const isHCaptchaLabelingPage = useIsHCaptchaLabelingPage();
   const isMobile = useIsMobile();
   const [drawerOpen, setDrawerOpen] = useState(!isMobile);
@@ -123,12 +123,7 @@ export function ProtectedLayout({
           <Grid item>
             <PageHeader {...pageHeaderProps} />
           </Grid>
-          <Grid
-            component="div"
-            // @ts-expect-error -- MUI accepts this prop even if it's not typed
-            ref={layoutElementRef}
-            sx={{ height: '100%' }}
-          >
+          <Grid component="div" ref={layoutElementRef} sx={{ height: '100%' }}>
             <Outlet />
           </Grid>
         </Grid>
diff --git a/packages/apps/human-app/frontend/src/shared/components/ui/mail-to.tsx b/packages/apps/human-app/frontend/src/shared/components/ui/mail-to.tsx
index 378e8cf9ab..8d1e53353f 100644
--- a/packages/apps/human-app/frontend/src/shared/components/ui/mail-to.tsx
+++ b/packages/apps/human-app/frontend/src/shared/components/ui/mail-to.tsx
@@ -1,8 +1,10 @@
+import type { ReactNode } from 'react';
+
 export function MailTo({
   children,
   mail,
 }: {
-  children?: JSX.Element;
+  children?: ReactNode;
   mail: string;
 }) {
   return (
diff --git a/packages/apps/human-app/frontend/src/shared/contexts/wallet-connect/require-wallet-connect.tsx b/packages/apps/human-app/frontend/src/shared/contexts/wallet-connect/require-wallet-connect.tsx
index 66416f1930..8499529e71 100644
--- a/packages/apps/human-app/frontend/src/shared/contexts/wallet-connect/require-wallet-connect.tsx
+++ b/packages/apps/human-app/frontend/src/shared/contexts/wallet-connect/require-wallet-connect.tsx
@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { useLocation, Navigate } from 'react-router-dom';
 import { createContext } from 'react';
 import { routerPaths } from '@/router/router-paths';
@@ -10,7 +11,7 @@ export const ConnectedWalletContext =
 
 export function RequireWalletConnect({
   children,
-}: Readonly<{ children: JSX.Element }>) {
+}: Readonly<{ children: ReactNode }>) {
   const walletConnect = useWalletConnect();
   const location = useLocation();
 
diff --git a/packages/apps/job-launcher/client/package.json b/packages/apps/job-launcher/client/package.json
index 37ab9fd1c4..a3fb1f76ed 100644
--- a/packages/apps/job-launcher/client/package.json
+++ b/packages/apps/job-launcher/client/package.json
@@ -27,8 +27,8 @@
     "file-saver": "^2.0.5",
     "formik": "^2.4.2",
     "jwt-decode": "^4.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-redux": "^9.1.0",
     "react-router-dom": "^7.13.0",
     "recharts": "^2.7.2",
@@ -67,8 +67,8 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@types/file-saver": "^2.0.7",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.3",
     "@types/xml2js": "^0.4.14",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^10.1.0",
diff --git a/packages/apps/job-launcher/client/src/components/ProtectedRoute/index.tsx b/packages/apps/job-launcher/client/src/components/ProtectedRoute/index.tsx
index 8781102828..661d715fe7 100644
--- a/packages/apps/job-launcher/client/src/components/ProtectedRoute/index.tsx
+++ b/packages/apps/job-launcher/client/src/components/ProtectedRoute/index.tsx
@@ -3,7 +3,7 @@ import { useLocation, Navigate } from 'react-router-dom';
 import { useAppSelector } from '../../state';
 import { UserStatus } from '../../state/auth/types';
 
-export function ProtectedRoute({ children }: { children: JSX.Element }) {
+export function ProtectedRoute({ children }: { children: React.ReactNode }) {
   const { isAuthed, user } = useAppSelector((state) => state.auth);
   const location = useLocation();
 
diff --git a/packages/apps/staking/package.json b/packages/apps/staking/package.json
index c90926c772..d8a070e924 100644
--- a/packages/apps/staking/package.json
+++ b/packages/apps/staking/package.json
@@ -39,8 +39,8 @@
     "@tanstack/react-query-persist-client": "^5.80.7",
     "axios": "^1.7.2",
     "ethers": "^6.16.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-router-dom": "^7.13.0",
     "serve": "^14.2.4",
     "simplebar-react": "^3.3.2",
@@ -49,8 +49,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.3",
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^4.3.1",
     "eslint": "^10.1.0",
diff --git a/yarn.lock b/yarn.lock
index a21b248bb6..e2d1311544 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -114,8 +114,8 @@ __metadata:
     "@mui/x-data-grid": "npm:^8.7.0"
     "@mui/x-date-pickers": "npm:^8.26.0"
     "@tanstack/react-query": "npm:^5.91.3"
-    "@types/react": "npm:^18.3.12"
-    "@types/react-dom": "npm:^18.3.1"
+    "@types/react": "npm:^19.2.2"
+    "@types/react-dom": "npm:^19.2.3"
     "@types/react-router-dom": "npm:^5.3.3"
     "@types/recharts": "npm:^1.8.29"
     "@vitejs/plugin-react": "npm:^4.2.1"
@@ -131,8 +131,8 @@ __metadata:
     eslint-plugin-react-refresh: "npm:^0.4.11"
     globals: "npm:^16.2.0"
     prettier: "npm:^3.8.1"
-    react: "npm:^18.3.1"
-    react-dom: "npm:^18.3.1"
+    react: "npm:^19.2.4"
+    react-dom: "npm:^19.2.4"
     react-number-format: "npm:^5.4.5"
     react-router-dom: "npm:^7.13.0"
     recharts: "npm:^2.13.0-alpha.4"
@@ -214,8 +214,8 @@ __metadata:
     "@human-protocol/sdk": "workspace:*"
     "@mui/icons-material": "npm:^7.3.8"
     "@mui/material": "npm:^5.16.7"
-    "@types/react": "npm:^18.3.12"
-    "@types/react-dom": "npm:^18.3.1"
+    "@types/react": "npm:^19.2.2"
+    "@types/react-dom": "npm:^19.2.3"
     "@vitejs/plugin-react": "npm:^4.3.4"
     dotenv: "npm:^17.2.2"
     eslint: "npm:^10.1.0"
@@ -226,8 +226,8 @@ __metadata:
     eslint-plugin-react-hooks: "npm:^5.1.0"
     globals: "npm:^16.3.0"
     prettier: "npm:^3.8.1"
-    react: "npm:^18.3.1"
-    react-dom: "npm:^18.3.1"
+    react: "npm:^19.2.4"
+    react-dom: "npm:^19.2.4"
     react-loading-skeleton: "npm:^3.3.1"
     react-router-dom: "npm:^7.13.0"
     serve: "npm:^14.2.4"
@@ -284,8 +284,8 @@ __metadata:
     "@tanstack/query-sync-storage-persister": "npm:^5.68.0"
     "@tanstack/react-query": "npm:^5.91.3"
     "@tanstack/react-query-persist-client": "npm:^5.80.7"
-    "@types/react": "npm:^18.3.12"
-    "@types/react-dom": "npm:^18.3.1"
+    "@types/react": "npm:^19.2.2"
+    "@types/react-dom": "npm:^19.2.3"
     "@types/react-router-dom": "npm:^5.3.3"
     "@vitejs/plugin-react": "npm:^4.3.1"
     axios: "npm:^1.7.2"
@@ -295,8 +295,8 @@ __metadata:
     ethers: "npm:^6.16.0"
     globals: "npm:^16.3.0"
     prettier: "npm:^3.8.1"
-    react: "npm:^18.3.1"
-    react-dom: "npm:^18.3.1"
+    react: "npm:^19.2.4"
+    react-dom: "npm:^19.2.4"
     react-router-dom: "npm:^7.13.0"
     serve: "npm:^14.2.4"
     typescript: "npm:^5.6.3"
@@ -439,8 +439,8 @@ __metadata:
     "@types/mui-image": "npm:^1.0.5"
     "@types/node": "npm:^22.10.5"
     "@types/prop-types": "npm:^15"
-    "@types/react": "npm:^18.3.12"
-    "@types/react-dom": "npm:^18.3.1"
+    "@types/react": "npm:^19.2.2"
+    "@types/react-dom": "npm:^19.2.3"
     "@vercel/style-guide": "npm:^6.0.0"
     "@vitejs/plugin-react": "npm:^4.2.1"
     "@wagmi/core": "npm:^3.4.0"
@@ -464,8 +464,8 @@ __metadata:
     prettier: "npm:^3.8.1"
     prop-types: "npm:^15.8.1"
     query-string: "npm:^9.0.0"
-    react: "npm:^18.3.1"
-    react-dom: "npm:^18.3.1"
+    react: "npm:^19.2.4"
+    react-dom: "npm:^19.2.4"
     react-hook-form: "npm:^7.71.1"
     react-i18next: "npm:^15.1.0"
     react-imask: "npm:^7.4.0"
@@ -568,8 +568,8 @@ __metadata:
     "@tanstack/react-query": "npm:^5.91.3"
     "@tanstack/react-query-persist-client": "npm:^5.80.7"
     "@types/file-saver": "npm:^2.0.7"
-    "@types/react": "npm:^18.3.12"
-    "@types/react-dom": "npm:^18.3.1"
+    "@types/react": "npm:^19.2.2"
+    "@types/react-dom": "npm:^19.2.3"
     "@types/xml2js": "npm:^0.4.14"
     "@vitejs/plugin-react": "npm:^4.2.1"
     axios: "npm:^1.1.3"
@@ -589,8 +589,8 @@ __metadata:
     globals: "npm:^16.3.0"
     jwt-decode: "npm:^4.0.0"
     prettier: "npm:^3.8.1"
-    react: "npm:^18.3.1"
-    react-dom: "npm:^18.3.1"
+    react: "npm:^19.2.4"
+    react-dom: "npm:^19.2.4"
     react-redux: "npm:^9.1.0"
     react-router-dom: "npm:^7.13.0"
     recharts: "npm:^2.7.2"
@@ -773,8 +773,8 @@ __metadata:
     "@tanstack/query-sync-storage-persister": "npm:^5.68.0"
     "@tanstack/react-query": "npm:^5.91.3"
     "@tanstack/react-query-persist-client": "npm:^5.80.7"
-    "@types/react": "npm:^18.3.12"
-    "@types/react-dom": "npm:^18.3.1"
+    "@types/react": "npm:^19.2.2"
+    "@types/react-dom": "npm:^19.2.3"
     "@types/react-router-dom": "npm:^5.3.3"
     "@vitejs/plugin-react": "npm:^4.3.1"
     axios: "npm:^1.7.2"
@@ -784,8 +784,8 @@ __metadata:
     ethers: "npm:^6.16.0"
     globals: "npm:^16.3.0"
     prettier: "npm:^3.8.1"
-    react: "npm:^18.3.1"
-    react-dom: "npm:^18.3.1"
+    react: "npm:^19.2.4"
+    react-dom: "npm:^19.2.4"
     react-router-dom: "npm:^7.13.0"
     sass: "npm:^1.89.2"
     serve: "npm:^14.2.4"
@@ -12179,7 +12179,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/prop-types@npm:*, @types/prop-types@npm:^15, @types/prop-types@npm:^15.7.12, @types/prop-types@npm:^15.7.15":
+"@types/prop-types@npm:^15, @types/prop-types@npm:^15.7.12, @types/prop-types@npm:^15.7.15":
   version: 15.7.15
   resolution: "@types/prop-types@npm:15.7.15"
   checksum: 10c0/b59aad1ad19bf1733cf524fd4e618196c6c7690f48ee70a327eb450a42aab8e8a063fbe59ca0a5701aebe2d92d582292c0fb845ea57474f6a15f6994b0e260b2
@@ -12200,12 +12200,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:^18.3.1":
-  version: 18.3.7
-  resolution: "@types/react-dom@npm:18.3.7"
+"@types/react-dom@npm:^19.2.3":
+  version: 19.2.3
+  resolution: "@types/react-dom@npm:19.2.3"
   peerDependencies:
-    "@types/react": ^18.0.0
-  checksum: 10c0/8bd309e2c3d1604a28a736a24f96cbadf6c05d5288cfef8883b74f4054c961b6b3a5e997fd5686e492be903c8f3380dba5ec017eff3906b1256529cd2d39603e
+    "@types/react": ^19.2.0
+  checksum: 10c0/b486ebe0f4e2fb35e2e108df1d8fc0927ca5d6002d5771e8a739de11239fe62d0e207c50886185253c99eb9dedfeeb956ea7429e5ba17f6693c7acb4c02f8cd1
   languageName: node
   linkType: hard
 
@@ -12248,13 +12248,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:^18.3.12":
-  version: 18.3.26
-  resolution: "@types/react@npm:18.3.26"
+"@types/react@npm:^19.2.2":
+  version: 19.2.14
+  resolution: "@types/react@npm:19.2.14"
   dependencies:
-    "@types/prop-types": "npm:*"
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/7b62d91c33758f14637311921c92db6045b6328e2300666a35ef8130d06385e39acada005eaf317eee93228edc10ea5f0cd34a0385654d2014d24699a65bfeef
+    csstype: "npm:^3.2.2"
+  checksum: 10c0/7d25bf41b57719452d86d2ac0570b659210402707313a36ee612666bf11275a1c69824f8c3ee1fdca077ccfe15452f6da8f1224529b917050eb2d861e52b59b7
   languageName: node
   linkType: hard
 
@@ -17088,7 +17087,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:3.2.3, csstype@npm:^3.2.3":
+"csstype@npm:3.2.3, csstype@npm:^3.2.2, csstype@npm:^3.2.3":
   version: 3.2.3
   resolution: "csstype@npm:3.2.3"
   checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
@@ -23961,7 +23960,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0":
+"loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
   dependencies:
@@ -27143,15 +27142,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^18.3.1":
-  version: 18.3.1
-  resolution: "react-dom@npm:18.3.1"
+"react-dom@npm:^19.2.4":
+  version: 19.2.4
+  resolution: "react-dom@npm:19.2.4"
   dependencies:
-    loose-envify: "npm:^1.1.0"
-    scheduler: "npm:^0.23.2"
+    scheduler: "npm:^0.27.0"
   peerDependencies:
-    react: ^18.3.1
-  checksum: 10c0/a752496c1941f958f2e8ac56239172296fcddce1365ce45222d04a1947e0cc5547df3e8447f855a81d6d39f008d7c32eab43db3712077f09e3f67c4874973e85
+    react: ^19.2.4
+  checksum: 10c0/f0c63f1794dedb154136d4d0f59af00b41907f4859571c155940296808f4b94bf9c0c20633db75b5b2112ec13d8d7dd4f9bf57362ed48782f317b11d05a44f35
   languageName: node
   linkType: hard
 
@@ -27343,12 +27341,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^18.3.1":
-  version: 18.3.1
-  resolution: "react@npm:18.3.1"
-  dependencies:
-    loose-envify: "npm:^1.1.0"
-  checksum: 10c0/283e8c5efcf37802c9d1ce767f302dd569dd97a70d9bb8c7be79a789b9902451e0d16334b05d73299b20f048cbc3c7d288bbbde10b701fa194e2089c237dbea3
+"react@npm:^19.2.4":
+  version: 19.2.4
+  resolution: "react@npm:19.2.4"
+  checksum: 10c0/cd2c9ff67a720799cc3b38a516009986f7fc4cb8d3e15716c6211cf098d1357ee3e348ab05ad0600042bbb0fd888530ba92e329198c92eafa0994f5213396596
   languageName: node
   linkType: hard
 
@@ -28236,12 +28232,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.23.2":
-  version: 0.23.2
-  resolution: "scheduler@npm:0.23.2"
-  dependencies:
-    loose-envify: "npm:^1.1.0"
-  checksum: 10c0/26383305e249651d4c58e6705d5f8425f153211aef95f15161c151f7b8de885f24751b377e4a0b3dd42cce09aad3f87a61dab7636859c0d89b7daf1a1e2a5c78
+"scheduler@npm:^0.27.0":
+  version: 0.27.0
+  resolution: "scheduler@npm:0.27.0"
+  checksum: 10c0/4f03048cb05a3c8fddc45813052251eca00688f413a3cee236d984a161da28db28ba71bd11e7a3dd02f7af84ab28d39fb311431d3b3772fed557945beb00c452
   languageName: node
   linkType: hard