From 209372ab0f0ffa2f8f5325514ef41b809edeb91d Mon Sep 17 00:00:00 2001 From: Vicente Date: Fri, 3 Jan 2025 16:22:28 +0100 Subject: [PATCH] updated to react 19 --- package-lock.json | 73 ++++++++++++++++------------------------------ package.json | 8 ++--- src/Img.tsx | 2 +- src/index.test.jsx | 2 +- 4 files changed, 31 insertions(+), 54 deletions(-) diff --git a/package-lock.json b/package-lock.json index eed4ecb2..1047d380 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,8 +11,8 @@ "devDependencies": { "@testing-library/react": "16.1.0", "@types/jest": "29.5.14", - "@types/react": "18.3.18", - "@types/react-dom": "18.3.5", + "@types/react": "19.0.2", + "@types/react-dom": "19.0.2", "codecov": "3.8.3", "esbuild": "0.24.2", "esbuild-jest": "0.5.0", @@ -21,8 +21,8 @@ "jest-environment-jsdom": "29.7.0", "open": "10.1.0", "prettier": "3.4.2", - "react": "18.3.1", - "react-dom": "18.3.1", + "react": "19.0.0", + "react-dom": "19.0.0", "semver": "7.6.3", "typescript": "5.7.2" }, @@ -2083,31 +2083,24 @@ "integrity": "sha512-93+VvleD3mXwlLI/xASjw0FzKcwzl3OdTCzm1LaRfqgS21gfFtK3zDXM5Op9TeeMsJVOaJ2VRDpT9q4Y3d0AvA==", "dev": true }, - "node_modules/@types/prop-types": { - "version": "15.7.5", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", - "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==", - "dev": true - }, "node_modules/@types/react": { - "version": "18.3.18", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.18.tgz", - "integrity": "sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==", + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.2.tgz", + "integrity": "sha512-USU8ZI/xyKJwFTpjSVIrSeHBVAGagkHQKPNbxeWwql/vDmnTIBgx+TJnhFnj1NXgz8XfprU0egV2dROLGpsBEg==", "dev": true, "license": "MIT", "dependencies": { - "@types/prop-types": "*", "csstype": "^3.0.2" } }, "node_modules/@types/react-dom": { - "version": "18.3.5", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.5.tgz", - "integrity": "sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==", + "version": "19.0.2", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.2.tgz", + "integrity": "sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==", "dev": true, "license": "MIT", "peerDependencies": { - "@types/react": "^18.0.0" + "@types/react": "^19.0.0" } }, "node_modules/@types/stack-utils": { @@ -6745,18 +6738,6 @@ "node": ">=8" } }, - "node_modules/loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "dev": true, - "dependencies": { - "js-tokens": "^3.0.0 || ^4.0.0" - }, - "bin": { - "loose-envify": "cli.js" - } - }, "node_modules/lru-cache": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", @@ -7484,28 +7465,26 @@ "dev": true }, "node_modules/react": { - "version": "18.3.1", - "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", - "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "version": "19.0.0", + "resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz", + "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==", "dev": true, - "dependencies": { - "loose-envify": "^1.1.0" - }, + "license": "MIT", "engines": { "node": ">=0.10.0" } }, "node_modules/react-dom": { - "version": "18.3.1", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", - "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", + "version": "19.0.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz", + "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==", "dev": true, + "license": "MIT", "dependencies": { - "loose-envify": "^1.1.0", - "scheduler": "^0.23.2" + "scheduler": "^0.25.0" }, "peerDependencies": { - "react": "^18.3.1" + "react": "^19.0.0" } }, "node_modules/react-is": { @@ -7979,13 +7958,11 @@ } }, "node_modules/scheduler": { - "version": "0.23.2", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", - "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", + "version": "0.25.0", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz", + "integrity": "sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==", "dev": true, - "dependencies": { - "loose-envify": "^1.1.0" - } + "license": "MIT" }, "node_modules/semver": { "version": "7.6.3", diff --git a/package.json b/package.json index e2066d93..917e200b 100644 --- a/package.json +++ b/package.json @@ -57,8 +57,8 @@ "devDependencies": { "@testing-library/react": "16.1.0", "@types/jest": "29.5.14", - "@types/react": "18.3.18", - "@types/react-dom": "18.3.5", + "@types/react": "19.0.2", + "@types/react-dom": "19.0.2", "codecov": "3.8.3", "esbuild": "0.24.2", "esbuild-jest": "0.5.0", @@ -67,8 +67,8 @@ "jest-environment-jsdom": "29.7.0", "open": "10.1.0", "prettier": "3.4.2", - "react": "18.3.1", - "react-dom": "18.3.1", + "react": "19.0.0", + "react-dom": "19.0.0", "semver": "7.6.3", "typescript": "5.7.2" }, diff --git a/src/Img.tsx b/src/Img.tsx index 54e45746..dc76b611 100644 --- a/src/Img.tsx +++ b/src/Img.tsx @@ -1,4 +1,4 @@ -import React, {forwardRef} from 'react' +import React, {forwardRef, JSX} from 'react' import useImage, {useImageProps} from './useImage' import imagePromiseFactory from './imagePromiseFactory' diff --git a/src/index.test.jsx b/src/index.test.jsx index 7151d865..0e9cdef9 100644 --- a/src/index.test.jsx +++ b/src/index.test.jsx @@ -1,7 +1,7 @@ import React from 'react' import {Img} from './' import {render, act, cleanup, waitFor} from '@testing-library/react' -import ReactDOMServer from 'react-dom/server' +import ReactDOMServer from 'react-dom/server.node' afterEach(cleanup) const imgPromise = (decode) => (src) => {