From c072fba6ffc1593a5fcdaf466612d99b505b97b5 Mon Sep 17 00:00:00 2001 From: Julian Berman Date: Sun, 22 Dec 2024 16:23:13 -0500 Subject: [PATCH] Update react to v19. --- frontend/package.json | 8 +- frontend/pnpm-lock.yaml | 184 +++++++++--------- frontend/src/components/Cases/CaseItem.tsx | 2 +- .../components/Modals/DetailsButtonModal.tsx | 2 +- 4 files changed, 95 insertions(+), 101 deletions(-) diff --git a/frontend/package.json b/frontend/package.json index 10cb81b3d..1efd3e447 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -37,10 +37,10 @@ "bootstrap": "^5.3.3", "dayjs": "^1.11.13", "mathjs": "^14.0.1", - "react": "^18.3.1", + "react": "^19.0.0", "react-bootstrap": "^2.10.7", "react-bootstrap-icons": "^1.11.5", - "react-dom": "^18.3.1", + "react-dom": "^19.0.0", "react-router": "^7.1.0", "react-syntax-highlighter": "^15.6.1", "recharts": "^2.15.0", @@ -51,8 +51,8 @@ "@eslint/js": "^9.17.0", "@types/eslint__js": "^8.42.3", "@types/node": "^22.10.2", - "@types/react": "^18.3.18", - "@types/react-dom": "^18.3.5", + "@types/react": "^19.0.2", + "@types/react-dom": "^19.0.2", "@types/react-syntax-highlighter": "^15.5.13", "@types/urijs": "^1.19.25", "@vitejs/plugin-react": "^4.3.4", diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml index 6ccded269..8633ef0a8 100644 --- a/frontend/pnpm-lock.yaml +++ b/frontend/pnpm-lock.yaml @@ -10,7 +10,7 @@ importers: dependencies: '@testing-library/react': specifier: ^16.1.0 - version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@19.0.2(@types/react@19.0.2))(@types/react@19.0.2)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) bootstrap: specifier: ^5.3.3 version: 5.3.3(@popperjs/core@2.11.8) @@ -21,26 +21,26 @@ importers: specifier: ^14.0.1 version: 14.0.1 react: - specifier: ^18.3.1 - version: 18.3.1 + specifier: ^19.0.0 + version: 19.0.0 react-bootstrap: specifier: ^2.10.7 - version: 2.10.7(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + version: 2.10.7(@types/react@19.0.2)(react-dom@19.0.0(react@19.0.0))(react@19.0.0) react-bootstrap-icons: specifier: ^1.11.5 - version: 1.11.5(react@18.3.1) + version: 1.11.5(react@19.0.0) react-dom: - specifier: ^18.3.1 - version: 18.3.1(react@18.3.1) + specifier: ^19.0.0 + version: 19.0.0(react@19.0.0) react-router: specifier: ^7.1.0 - version: 7.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + version: 7.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0) react-syntax-highlighter: specifier: ^15.6.1 - version: 15.6.1(react@18.3.1) + version: 15.6.1(react@19.0.0) recharts: specifier: ^2.15.0 - version: 2.15.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + version: 2.15.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0) title-case: specifier: ^4.3.2 version: 4.3.2 @@ -58,11 +58,11 @@ importers: specifier: ^22.10.2 version: 22.10.2 '@types/react': - specifier: ^18.3.18 - version: 18.3.18 + specifier: ^19.0.2 + version: 19.0.2 '@types/react-dom': - specifier: ^18.3.5 - version: 18.3.5(@types/react@18.3.18) + specifier: ^19.0.2 + version: 19.0.2(@types/react@19.0.2) '@types/react-syntax-highlighter': specifier: ^15.5.13 version: 15.5.13 @@ -800,10 +800,10 @@ packages: '@types/prop-types@15.7.14': resolution: {integrity: sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==} - '@types/react-dom@18.3.5': - resolution: {integrity: sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==} + '@types/react-dom@19.0.2': + resolution: {integrity: sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==} peerDependencies: - '@types/react': ^18.0.0 + '@types/react': ^19.0.0 '@types/react-syntax-highlighter@15.5.13': resolution: {integrity: sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==} @@ -813,8 +813,8 @@ packages: peerDependencies: '@types/react': '*' - '@types/react@18.3.18': - resolution: {integrity: sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==} + '@types/react@19.0.2': + resolution: {integrity: sha512-USU8ZI/xyKJwFTpjSVIrSeHBVAGagkHQKPNbxeWwql/vDmnTIBgx+TJnhFnj1NXgz8XfprU0egV2dROLGpsBEg==} '@types/unist@2.0.11': resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==} @@ -1982,10 +1982,10 @@ packages: '@types/react': optional: true - react-dom@18.3.1: - resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==} + react-dom@19.0.0: + resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==} peerDependencies: - react: ^18.3.1 + react: ^19.0.0 react-is@16.13.1: resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} @@ -2030,8 +2030,8 @@ packages: react: '>=16.6.0' react-dom: '>=16.6.0' - react@18.3.1: - resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==} + react@19.0.0: + resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==} engines: {node: '>=0.10.0'} recharts-scale@0.4.5: @@ -2119,8 +2119,8 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.23.2: - resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==} + scheduler@0.25.0: + resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==} seedrandom@3.0.5: resolution: {integrity: sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg==} @@ -2970,33 +2970,33 @@ snapshots: '@popperjs/core@2.11.8': {} - '@react-aria/ssr@3.9.7(react@18.3.1)': + '@react-aria/ssr@3.9.7(react@19.0.0)': dependencies: '@swc/helpers': 0.5.15 - react: 18.3.1 + react: 19.0.0 - '@restart/hooks@0.4.16(react@18.3.1)': + '@restart/hooks@0.4.16(react@19.0.0)': dependencies: dequal: 2.0.3 - react: 18.3.1 + react: 19.0.0 - '@restart/hooks@0.5.0(react@18.3.1)': + '@restart/hooks@0.5.0(react@19.0.0)': dependencies: dequal: 2.0.3 - react: 18.3.1 + react: 19.0.0 - '@restart/ui@1.9.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + '@restart/ui@1.9.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': dependencies: '@babel/runtime': 7.26.0 '@popperjs/core': 2.11.8 - '@react-aria/ssr': 3.9.7(react@18.3.1) - '@restart/hooks': 0.5.0(react@18.3.1) + '@react-aria/ssr': 3.9.7(react@19.0.0) + '@restart/hooks': 0.5.0(react@19.0.0) '@types/warning': 3.0.3 dequal: 2.0.3 dom-helpers: 5.2.1 - react: 18.3.1 - react-dom: 18.3.1(react@18.3.1) - uncontrollable: 8.0.4(react@18.3.1) + react: 19.0.0 + react-dom: 19.0.0(react@19.0.0) + uncontrollable: 8.0.4(react@19.0.0) warning: 4.0.3 '@rollup/rollup-android-arm-eabi@4.29.1': @@ -3071,15 +3071,15 @@ snapshots: lz-string: 1.5.0 pretty-format: 27.5.1 - '@testing-library/react@16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + '@testing-library/react@16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@19.0.2(@types/react@19.0.2))(@types/react@19.0.2)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)': dependencies: '@babel/runtime': 7.26.0 '@testing-library/dom': 10.4.0 - react: 18.3.1 - react-dom: 18.3.1(react@18.3.1) + react: 19.0.0 + react-dom: 19.0.0(react@19.0.0) optionalDependencies: - '@types/react': 18.3.18 - '@types/react-dom': 18.3.5(@types/react@18.3.18) + '@types/react': 19.0.2 + '@types/react-dom': 19.0.2(@types/react@19.0.2) '@tsconfig/node10@1.0.11': {} @@ -3161,21 +3161,20 @@ snapshots: '@types/prop-types@15.7.14': {} - '@types/react-dom@18.3.5(@types/react@18.3.18)': + '@types/react-dom@19.0.2(@types/react@19.0.2)': dependencies: - '@types/react': 18.3.18 + '@types/react': 19.0.2 '@types/react-syntax-highlighter@15.5.13': dependencies: - '@types/react': 18.3.18 + '@types/react': 19.0.2 - '@types/react-transition-group@4.4.12(@types/react@18.3.18)': + '@types/react-transition-group@4.4.12(@types/react@19.0.2)': dependencies: - '@types/react': 18.3.18 + '@types/react': 19.0.2 - '@types/react@18.3.18': + '@types/react@19.0.2': dependencies: - '@types/prop-types': 15.7.14 csstype: 3.1.3 '@types/unist@2.0.11': {} @@ -4507,9 +4506,9 @@ snapshots: prismjs@1.29.0: {} - prop-types-extra@1.1.1(react@18.3.1): + prop-types-extra@1.1.1(react@19.0.0): dependencies: - react: 18.3.1 + react: 19.0.0 react-is: 16.13.1 warning: 4.0.3 @@ -4527,36 +4526,35 @@ snapshots: queue-microtask@1.2.3: {} - react-bootstrap-icons@1.11.5(react@18.3.1): + react-bootstrap-icons@1.11.5(react@19.0.0): dependencies: prop-types: 15.8.1 - react: 18.3.1 + react: 19.0.0 - react-bootstrap@2.10.7(@types/react@18.3.18)(react-dom@18.3.1(react@18.3.1))(react@18.3.1): + react-bootstrap@2.10.7(@types/react@19.0.2)(react-dom@19.0.0(react@19.0.0))(react@19.0.0): dependencies: '@babel/runtime': 7.26.0 - '@restart/hooks': 0.4.16(react@18.3.1) - '@restart/ui': 1.9.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@restart/hooks': 0.4.16(react@19.0.0) + '@restart/ui': 1.9.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0) '@types/prop-types': 15.7.14 - '@types/react-transition-group': 4.4.12(@types/react@18.3.18) + '@types/react-transition-group': 4.4.12(@types/react@19.0.2) classnames: 2.5.1 dom-helpers: 5.2.1 invariant: 2.2.4 prop-types: 15.8.1 - prop-types-extra: 1.1.1(react@18.3.1) - react: 18.3.1 - react-dom: 18.3.1(react@18.3.1) - react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1) - uncontrollable: 7.2.1(react@18.3.1) + prop-types-extra: 1.1.1(react@19.0.0) + react: 19.0.0 + react-dom: 19.0.0(react@19.0.0) + react-transition-group: 4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0) + uncontrollable: 7.2.1(react@19.0.0) warning: 4.0.3 optionalDependencies: - '@types/react': 18.3.18 + '@types/react': 19.0.2 - react-dom@18.3.1(react@18.3.1): + react-dom@19.0.0(react@19.0.0): dependencies: - loose-envify: 1.4.0 - react: 18.3.1 - scheduler: 0.23.2 + react: 19.0.0 + scheduler: 0.25.0 react-is@16.13.1: {} @@ -4568,60 +4566,58 @@ snapshots: react-refresh@0.14.2: {} - react-router@7.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1): + react-router@7.1.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0): dependencies: '@types/cookie': 0.6.0 cookie: 1.0.2 - react: 18.3.1 + react: 19.0.0 set-cookie-parser: 2.7.1 turbo-stream: 2.4.0 optionalDependencies: - react-dom: 18.3.1(react@18.3.1) + react-dom: 19.0.0(react@19.0.0) - react-smooth@4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1): + react-smooth@4.0.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0): dependencies: fast-equals: 5.0.1 prop-types: 15.8.1 - react: 18.3.1 - react-dom: 18.3.1(react@18.3.1) - react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + react: 19.0.0 + react-dom: 19.0.0(react@19.0.0) + react-transition-group: 4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0) - react-syntax-highlighter@15.6.1(react@18.3.1): + react-syntax-highlighter@15.6.1(react@19.0.0): dependencies: '@babel/runtime': 7.26.0 highlight.js: 10.7.3 highlightjs-vue: 1.0.0 lowlight: 1.20.0 prismjs: 1.29.0 - react: 18.3.1 + react: 19.0.0 refractor: 3.6.0 - react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1): + react-transition-group@4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0): dependencies: '@babel/runtime': 7.26.0 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 18.3.1 - react-dom: 18.3.1(react@18.3.1) + react: 19.0.0 + react-dom: 19.0.0(react@19.0.0) - react@18.3.1: - dependencies: - loose-envify: 1.4.0 + react@19.0.0: {} recharts-scale@0.4.5: dependencies: decimal.js-light: 2.5.1 - recharts@2.15.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1): + recharts@2.15.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0): dependencies: clsx: 2.1.1 eventemitter3: 4.0.7 lodash: 4.17.21 - react: 18.3.1 - react-dom: 18.3.1(react@18.3.1) + react: 19.0.0 + react-dom: 19.0.0(react@19.0.0) react-is: 18.3.1 - react-smooth: 4.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + react-smooth: 4.0.4(react-dom@19.0.0(react@19.0.0))(react@19.0.0) recharts-scale: 0.4.5 tiny-invariant: 1.3.3 victory-vendor: 36.9.2 @@ -4732,9 +4728,7 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.23.2: - dependencies: - loose-envify: 1.4.0 + scheduler@0.25.0: {} seedrandom@3.0.5: {} @@ -5007,17 +5001,17 @@ snapshots: has-symbols: 1.1.0 which-boxed-primitive: 1.1.1 - uncontrollable@7.2.1(react@18.3.1): + uncontrollable@7.2.1(react@19.0.0): dependencies: '@babel/runtime': 7.26.0 - '@types/react': 18.3.18 + '@types/react': 19.0.2 invariant: 2.2.4 - react: 18.3.1 + react: 19.0.0 react-lifecycles-compat: 3.0.4 - uncontrollable@8.0.4(react@18.3.1): + uncontrollable@8.0.4(react@19.0.0): dependencies: - react: 18.3.1 + react: 19.0.0 undici-types@6.20.0: {} diff --git a/frontend/src/components/Cases/CaseItem.tsx b/frontend/src/components/Cases/CaseItem.tsx index 3edd3396d..36ec2260d 100644 --- a/frontend/src/components/Cases/CaseItem.tsx +++ b/frontend/src/components/Cases/CaseItem.tsx @@ -21,7 +21,7 @@ import { interface CaseProps { seq: number; caseData: Case; - schemaDisplayRef?: RefObject; + schemaDisplayRef?: RefObject; implementations: Implementation[]; implementationsResults: ImplementationResults[]; } diff --git a/frontend/src/components/Modals/DetailsButtonModal.tsx b/frontend/src/components/Modals/DetailsButtonModal.tsx index ba87f7f4a..60ff67c0a 100644 --- a/frontend/src/components/Modals/DetailsButtonModal.tsx +++ b/frontend/src/components/Modals/DetailsButtonModal.tsx @@ -21,7 +21,7 @@ export const DetailsButtonModal = ({ implementationResults: ImplementationResults; implementation: Implementation; }) => { - const failedResults: JSX.Element[] = []; + const failedResults: React.JSX.Element[] = []; Array.from(implementationResults.caseResults.entries()).forEach( ([seq, results]) => { const caseData = cases.get(seq)!;