From af38dd5cadaace3186ee3be79f2ff759ab7a31b3 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Tue, 7 Apr 2026 11:05:06 +0000 Subject: [PATCH 1/2] chore(deps): bump react-dom and @types/react-dom Bumps [react-dom](https://github.com/facebook/react/tree/HEAD/packages/react-dom) and [@types/react-dom](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react-dom). These dependencies needed to be updated together. Updates `react-dom` from 18.3.1 to 19.2.4 - [Release notes](https://github.com/facebook/react/releases) - [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/react/commits/v19.2.4/packages/react-dom) Updates `@types/react-dom` from 18.3.7 to 19.2.3 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react-dom) --- updated-dependencies: - dependency-name: react-dom dependency-version: 19.2.4 dependency-type: direct:production update-type: version-update:semver-major - dependency-name: "@types/react-dom" dependency-version: 19.2.3 dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] --- packages/apps/dashboard/client/package.json | 4 +- packages/apps/faucet/client/package.json | 4 +- .../exchange-oracle/client/package.json | 4 +- packages/apps/human-app/frontend/package.json | 4 +- .../apps/job-launcher/client/package.json | 4 +- packages/apps/staking/package.json | 4 +- yarn.lock | 57 +++++++++---------- 7 files changed, 39 insertions(+), 42 deletions(-) diff --git a/packages/apps/dashboard/client/package.json b/packages/apps/dashboard/client/package.json index 9943e7711e..fcb2a05092 100644 --- a/packages/apps/dashboard/client/package.json +++ b/packages/apps/dashboard/client/package.json @@ -33,7 +33,7 @@ "clsx": "^2.1.1", "dayjs": "^1.11.11", "react": "^18.3.1", - "react-dom": "^18.3.1", + "react-dom": "^19.2.4", "react-number-format": "^5.4.5", "react-router-dom": "^7.13.0", "recharts": "^2.13.0-alpha.4", @@ -48,7 +48,7 @@ "devDependencies": { "@eslint/js": "^10.0.1", "@types/react": "^18.3.12", - "@types/react-dom": "^18.3.1", + "@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/faucet/client/package.json b/packages/apps/faucet/client/package.json index 4504409cca..6cd1273091 100644 --- a/packages/apps/faucet/client/package.json +++ b/packages/apps/faucet/client/package.json @@ -24,7 +24,7 @@ "@mui/icons-material": "^7.3.8", "@mui/material": "^5.16.7", "react": "^18.3.1", - "react-dom": "^18.3.1", + "react-dom": "^19.2.4", "react-loading-skeleton": "^3.3.1", "react-router-dom": "^7.13.0", "serve": "^14.2.4", @@ -33,7 +33,7 @@ "devDependencies": { "@eslint/js": "^10.0.1", "@types/react": "^18.3.12", - "@types/react-dom": "^18.3.1", + "@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..cf6739ae77 100644 --- a/packages/apps/fortune/exchange-oracle/client/package.json +++ b/packages/apps/fortune/exchange-oracle/client/package.json @@ -38,7 +38,7 @@ "axios": "^1.7.2", "ethers": "^6.16.0", "react": "^18.3.1", - "react-dom": "^18.3.1", + "react-dom": "^19.2.4", "react-router-dom": "^7.13.0", "serve": "^14.2.4", "viem": "2.x", @@ -47,7 +47,7 @@ "devDependencies": { "@eslint/js": "^10.0.1", "@types/react": "^18.3.12", - "@types/react-dom": "^18.3.1", + "@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..a525579bde 100644 --- a/packages/apps/human-app/frontend/package.json +++ b/packages/apps/human-app/frontend/package.json @@ -45,7 +45,7 @@ "prop-types": "^15.8.1", "query-string": "^9.0.0", "react": "^18.3.1", - "react-dom": "^18.3.1", + "react-dom": "^19.2.4", "react-hook-form": "^7.71.1", "react-i18next": "^15.1.0", "react-imask": "^7.4.0", @@ -67,7 +67,7 @@ "@types/node": "^22.10.5", "@types/prop-types": "^15", "@types/react": "^18.3.12", - "@types/react-dom": "^18.3.1", + "@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/job-launcher/client/package.json b/packages/apps/job-launcher/client/package.json index 37ab9fd1c4..d92fccba40 100644 --- a/packages/apps/job-launcher/client/package.json +++ b/packages/apps/job-launcher/client/package.json @@ -28,7 +28,7 @@ "formik": "^2.4.2", "jwt-decode": "^4.0.0", "react": "^18.3.1", - "react-dom": "^18.3.1", + "react-dom": "^19.2.4", "react-redux": "^9.1.0", "react-router-dom": "^7.13.0", "recharts": "^2.7.2", @@ -68,7 +68,7 @@ "@eslint/js": "^10.0.1", "@types/file-saver": "^2.0.7", "@types/react": "^18.3.12", - "@types/react-dom": "^18.3.1", + "@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/staking/package.json b/packages/apps/staking/package.json index c90926c772..eaaf35f476 100644 --- a/packages/apps/staking/package.json +++ b/packages/apps/staking/package.json @@ -40,7 +40,7 @@ "axios": "^1.7.2", "ethers": "^6.16.0", "react": "^18.3.1", - "react-dom": "^18.3.1", + "react-dom": "^19.2.4", "react-router-dom": "^7.13.0", "serve": "^14.2.4", "simplebar-react": "^3.3.2", @@ -50,7 +50,7 @@ "devDependencies": { "@eslint/js": "^10.0.1", "@types/react": "^18.3.12", - "@types/react-dom": "^18.3.1", + "@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..15481083b8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -115,7 +115,7 @@ __metadata: "@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-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" @@ -132,7 +132,7 @@ __metadata: globals: "npm:^16.2.0" prettier: "npm:^3.8.1" react: "npm:^18.3.1" - react-dom: "npm:^18.3.1" + 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" @@ -215,7 +215,7 @@ __metadata: "@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-dom": "npm:^19.2.3" "@vitejs/plugin-react": "npm:^4.3.4" dotenv: "npm:^17.2.2" eslint: "npm:^10.1.0" @@ -227,7 +227,7 @@ __metadata: globals: "npm:^16.3.0" prettier: "npm:^3.8.1" react: "npm:^18.3.1" - react-dom: "npm:^18.3.1" + 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" @@ -285,7 +285,7 @@ __metadata: "@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-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" @@ -296,7 +296,7 @@ __metadata: globals: "npm:^16.3.0" prettier: "npm:^3.8.1" react: "npm:^18.3.1" - react-dom: "npm:^18.3.1" + react-dom: "npm:^19.2.4" react-router-dom: "npm:^7.13.0" serve: "npm:^14.2.4" typescript: "npm:^5.6.3" @@ -440,7 +440,7 @@ __metadata: "@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-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" @@ -465,7 +465,7 @@ __metadata: prop-types: "npm:^15.8.1" query-string: "npm:^9.0.0" react: "npm:^18.3.1" - react-dom: "npm:^18.3.1" + 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" @@ -569,7 +569,7 @@ __metadata: "@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-dom": "npm:^19.2.3" "@types/xml2js": "npm:^0.4.14" "@vitejs/plugin-react": "npm:^4.2.1" axios: "npm:^1.1.3" @@ -590,7 +590,7 @@ __metadata: jwt-decode: "npm:^4.0.0" prettier: "npm:^3.8.1" react: "npm:^18.3.1" - react-dom: "npm:^18.3.1" + react-dom: "npm:^19.2.4" react-redux: "npm:^9.1.0" react-router-dom: "npm:^7.13.0" recharts: "npm:^2.7.2" @@ -774,7 +774,7 @@ __metadata: "@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-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" @@ -785,7 +785,7 @@ __metadata: globals: "npm:^16.3.0" prettier: "npm:^3.8.1" react: "npm:^18.3.1" - react-dom: "npm:^18.3.1" + react-dom: "npm:^19.2.4" react-router-dom: "npm:^7.13.0" sass: "npm:^1.89.2" serve: "npm:^14.2.4" @@ -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 @@ -27143,15 +27143,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 @@ -28236,12 +28235,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 From c9de930da2ac74d8fc0041a01a1c079e53484e63 Mon Sep 17 00:00:00 2001 From: flopez7 Date: Tue, 7 Apr 2026 17:07:23 +0200 Subject: [PATCH 2/2] upgrade react and @types/react to version 19.2.4 and 19.2.2 respectively --- packages/apps/dashboard/client/package.json | 4 +- .../searchResults/ui/SearchResults.tsx | 4 +- .../client/src/shared/ui/ShadowIcon/index.tsx | 4 +- packages/apps/faucet/client/package.json | 4 +- .../exchange-oracle/client/package.json | 4 +- packages/apps/human-app/frontend/package.json | 4 +- .../auth-web3/providers/require-web3-auth.tsx | 3 +- .../modules/auth/providers/require-auth.tsx | 3 +- .../components/wallet-connect-done.tsx | 2 +- .../worker/providers/require-stake.tsx | 5 +- .../layout/protected/drawer-navigation.tsx | 6 +-- .../components/layout/protected/layout.tsx | 15 ++---- .../src/shared/components/ui/mail-to.tsx | 4 +- .../wallet-connect/require-wallet-connect.tsx | 3 +- .../apps/job-launcher/client/package.json | 4 +- .../src/components/ProtectedRoute/index.tsx | 2 +- packages/apps/staking/package.json | 4 +- yarn.lock | 51 +++++++++---------- 18 files changed, 61 insertions(+), 65 deletions(-) diff --git a/packages/apps/dashboard/client/package.json b/packages/apps/dashboard/client/package.json index fcb2a05092..7677ec9567 100644 --- a/packages/apps/dashboard/client/package.json +++ b/packages/apps/dashboard/client/package.json @@ -32,7 +32,7 @@ "axios": "^1.7.2", "clsx": "^2.1.1", "dayjs": "^1.11.11", - "react": "^18.3.1", + "react": "^19.2.4", "react-dom": "^19.2.4", "react-number-format": "^5.4.5", "react-router-dom": "^7.13.0", @@ -47,7 +47,7 @@ }, "devDependencies": { "@eslint/js": "^10.0.1", - "@types/react": "^18.3.12", + "@types/react": "^19.2.2", "@types/react-dom": "^19.2.3", "@vitejs/plugin-react": "^4.2.1", "eslint": "^10.1.0", 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 (
diff --git a/packages/apps/faucet/client/package.json b/packages/apps/faucet/client/package.json index 6cd1273091..9c0606702e 100644 --- a/packages/apps/faucet/client/package.json +++ b/packages/apps/faucet/client/package.json @@ -23,7 +23,7 @@ "@human-protocol/sdk": "workspace:*", "@mui/icons-material": "^7.3.8", "@mui/material": "^5.16.7", - "react": "^18.3.1", + "react": "^19.2.4", "react-dom": "^19.2.4", "react-loading-skeleton": "^3.3.1", "react-router-dom": "^7.13.0", @@ -32,7 +32,7 @@ }, "devDependencies": { "@eslint/js": "^10.0.1", - "@types/react": "^18.3.12", + "@types/react": "^19.2.2", "@types/react-dom": "^19.2.3", "@vitejs/plugin-react": "^4.3.4", "dotenv": "^17.2.2", diff --git a/packages/apps/fortune/exchange-oracle/client/package.json b/packages/apps/fortune/exchange-oracle/client/package.json index cf6739ae77..2c7c38158e 100644 --- a/packages/apps/fortune/exchange-oracle/client/package.json +++ b/packages/apps/fortune/exchange-oracle/client/package.json @@ -37,7 +37,7 @@ "@tanstack/react-query-persist-client": "^5.80.7", "axios": "^1.7.2", "ethers": "^6.16.0", - "react": "^18.3.1", + "react": "^19.2.4", "react-dom": "^19.2.4", "react-router-dom": "^7.13.0", "serve": "^14.2.4", @@ -46,7 +46,7 @@ }, "devDependencies": { "@eslint/js": "^10.0.1", - "@types/react": "^18.3.12", + "@types/react": "^19.2.2", "@types/react-dom": "^19.2.3", "@types/react-router-dom": "^5.3.3", "@vitejs/plugin-react": "^4.3.1", diff --git a/packages/apps/human-app/frontend/package.json b/packages/apps/human-app/frontend/package.json index a525579bde..fa702bb144 100644 --- a/packages/apps/human-app/frontend/package.json +++ b/packages/apps/human-app/frontend/package.json @@ -44,7 +44,7 @@ "notistack": "^3.0.1", "prop-types": "^15.8.1", "query-string": "^9.0.0", - "react": "^18.3.1", + "react": "^19.2.4", "react-dom": "^19.2.4", "react-hook-form": "^7.71.1", "react-i18next": "^15.1.0", @@ -66,7 +66,7 @@ "@types/mui-image": "^1.0.5", "@types/node": "^22.10.5", "@types/prop-types": "^15", - "@types/react": "^18.3.12", + "@types/react": "^19.2.2", "@types/react-dom": "^19.2.3", "@vercel/style-guide": "^6.0.0", "@vitejs/plugin-react": "^4.2.1", 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 | 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(); + const timeoutRef = useRef(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>; 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> - ) => JSX.Element; - renderHCaptchaStatisticsDrawer?: (isOpen: boolean) => JSX.Element; + ) => ReactElement; + renderHCaptchaStatisticsDrawer?: (isOpen: boolean) => ReactElement; renderGovernanceBanner?: boolean; }>) { - const layoutElementRef = useRef(); + const layoutElementRef = useRef(null); const isHCaptchaLabelingPage = useIsHCaptchaLabelingPage(); const isMobile = useIsMobile(); const [drawerOpen, setDrawerOpen] = useState(!isMobile); @@ -123,12 +123,7 @@ export function ProtectedLayout({ - + 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 d92fccba40..a3fb1f76ed 100644 --- a/packages/apps/job-launcher/client/package.json +++ b/packages/apps/job-launcher/client/package.json @@ -27,7 +27,7 @@ "file-saver": "^2.0.5", "formik": "^2.4.2", "jwt-decode": "^4.0.0", - "react": "^18.3.1", + "react": "^19.2.4", "react-dom": "^19.2.4", "react-redux": "^9.1.0", "react-router-dom": "^7.13.0", @@ -67,7 +67,7 @@ "devDependencies": { "@eslint/js": "^10.0.1", "@types/file-saver": "^2.0.7", - "@types/react": "^18.3.12", + "@types/react": "^19.2.2", "@types/react-dom": "^19.2.3", "@types/xml2js": "^0.4.14", "@vitejs/plugin-react": "^4.2.1", 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 eaaf35f476..d8a070e924 100644 --- a/packages/apps/staking/package.json +++ b/packages/apps/staking/package.json @@ -39,7 +39,7 @@ "@tanstack/react-query-persist-client": "^5.80.7", "axios": "^1.7.2", "ethers": "^6.16.0", - "react": "^18.3.1", + "react": "^19.2.4", "react-dom": "^19.2.4", "react-router-dom": "^7.13.0", "serve": "^14.2.4", @@ -49,7 +49,7 @@ }, "devDependencies": { "@eslint/js": "^10.0.1", - "@types/react": "^18.3.12", + "@types/react": "^19.2.2", "@types/react-dom": "^19.2.3", "@types/react-router-dom": "^5.3.3", "@vitejs/plugin-react": "^4.3.1", diff --git a/yarn.lock b/yarn.lock index 15481083b8..e2d1311544 100644 --- a/yarn.lock +++ b/yarn.lock @@ -114,7 +114,7 @@ __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": "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" @@ -131,7 +131,7 @@ __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: "npm:^19.2.4" react-dom: "npm:^19.2.4" react-number-format: "npm:^5.4.5" react-router-dom: "npm:^7.13.0" @@ -214,7 +214,7 @@ __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": "npm:^19.2.2" "@types/react-dom": "npm:^19.2.3" "@vitejs/plugin-react": "npm:^4.3.4" dotenv: "npm:^17.2.2" @@ -226,7 +226,7 @@ __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: "npm:^19.2.4" react-dom: "npm:^19.2.4" react-loading-skeleton: "npm:^3.3.1" react-router-dom: "npm:^7.13.0" @@ -284,7 +284,7 @@ __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": "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" @@ -295,7 +295,7 @@ __metadata: ethers: "npm:^6.16.0" globals: "npm:^16.3.0" prettier: "npm:^3.8.1" - react: "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" @@ -439,7 +439,7 @@ __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": "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" @@ -464,7 +464,7 @@ __metadata: prettier: "npm:^3.8.1" prop-types: "npm:^15.8.1" query-string: "npm:^9.0.0" - react: "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" @@ -568,7 +568,7 @@ __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": "npm:^19.2.2" "@types/react-dom": "npm:^19.2.3" "@types/xml2js": "npm:^0.4.14" "@vitejs/plugin-react": "npm:^4.2.1" @@ -589,7 +589,7 @@ __metadata: globals: "npm:^16.3.0" jwt-decode: "npm:^4.0.0" prettier: "npm:^3.8.1" - react: "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" @@ -773,7 +773,7 @@ __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": "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" @@ -784,7 +784,7 @@ __metadata: ethers: "npm:^6.16.0" globals: "npm:^16.3.0" prettier: "npm:^3.8.1" - react: "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" @@ -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 @@ -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: @@ -27342,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