chore(deps): update to React v19

package.json

@@ -48,7 +48,7 @@
     "@canonical/jujulib": "7.0.0",
     "@canonical/macaroon-bakery": "1.3.2",
     "@canonical/react-components": "2.1.0",
-    "@canonical/rebac-admin": "0.0.1-alpha.9",
+    "@canonical/rebac-admin": "0.0.1-alpha.10",
     "@reduxjs/toolkit": "2.5.1",
     "@sentry/browser": "9.1.0",
     "@sentry/core": "9.1.0",
@@ -68,14 +68,13 @@
     "loglevel": "1.9.2",
     "prism-react-renderer": "2.4.1",
     "prismjs": "1.29.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "react-ga": "3.3.1",
     "react-hot-toast": "2.5.1",
     "react-json-tree": "0.19.0",
     "react-redux": "9.2.0",
     "react-router": "7.1.5",
-    "react-useportal": "1.0.19",
     "redux": "5.0.1",
     "vanilla-framework": "4.21.0",
     "yup": "1.6.1"
@@ -94,8 +93,8 @@
     "@types/lodash.mergewith": "4.6.9",
     "@types/node": "18.19.76",
     "@types/prismjs": "1.26.5",
-    "@types/react": "18.3.18",
-    "@types/react-dom": "18.3.5",
+    "@types/react": "19.0.8",
+    "@types/react-dom": "19.0.3",
     "@types/react-table": "7.7.20",
     "@types/redux-mock-store": "1.5.0",
     "@typescript-eslint/eslint-plugin": "8.24.0",

src/components/InfoPanel/InfoPanel.tsx

@@ -1,7 +1,6 @@
-import { Modal } from "@canonical/react-components";
+import { usePortal, Modal } from "@canonical/react-components";
 import { useSelector } from "react-redux";
 import { useParams } from "react-router";
-import usePortal from "react-useportal";
 
 import type { EntityDetailsRoute } from "components/Routes";
 import Topology from "components/Topology";

src/components/RadioInputBox/OptionInputs/__snapshots__/OptionInputs.test.tsx.snap

@@ -17,7 +17,6 @@ exports[`OptionInputs > renders the supplied list of options 1`] = `
         id="MyAction-fruit"
         name="MyAction-fruit"
         type="text"
-        value=""
       />
       <span>
         yum
@@ -37,7 +36,6 @@ exports[`OptionInputs > renders the supplied list of options 1`] = `
         id="MyAction-veg"
         name="MyAction-veg"
         type="text"
-        value=""
       />
       <span>
         ehhh

src/pages/EntityDetails/Model/Secrets/SecretContent/SecretContent.tsx

@@ -6,10 +6,10 @@ import {
   Tooltip,
   ActionButton,
   Notification,
+  usePortal,
 } from "@canonical/react-components";
 import { Form, Formik } from "formik";
 import { useParams } from "react-router";
-import usePortal from "react-useportal";
 
 import type { EntityDetailsRoute } from "components/Routes";
 import RevisionField from "components/secrets/RevisionField";

src/panels/ActionsPanel/CharmActionsPanel/ConfirmationDialog/ConfirmationDialog.tsx

@@ -1,7 +1,6 @@
-import { ConfirmationModal } from "@canonical/react-components";
+import { ConfirmationModal, usePortal } from "@canonical/react-components";
 import reactHotToast from "react-hot-toast";
 import { useParams } from "react-router";
-import usePortal from "react-useportal";
 
 import ToastCard from "components/ToastCard";
 import useAnalytics from "hooks/useAnalytics";

src/panels/ActionsPanel/ConfirmationDialog/ConfirmationDialog.tsx

@@ -1,6 +1,5 @@
-import { ConfirmationModal } from "@canonical/react-components";
+import { ConfirmationModal, usePortal } from "@canonical/react-components";
 import { useParams } from "react-router";
-import usePortal from "react-useportal";
 
 import type { EntityDetailsRoute } from "components/Routes";
 import { type SetError } from "hooks/useInlineErrors";

src/panels/ConfigPanel/ConfirmationDialog/ConfirmationDialog.tsx

@@ -1,6 +1,5 @@
-import { ConfirmationModal } from "@canonical/react-components";
+import { ConfirmationModal, usePortal } from "@canonical/react-components";
 import { useParams } from "react-router";
-import usePortal from "react-useportal";
 
 import type { EntityDetailsRoute } from "components/Routes";
 import SecretLabel from "components/secrets/SecretLabel";

src/panels/ConfigPanel/SecretsPicker/SecretsPicker.tsx

@@ -11,11 +11,11 @@ import {
   Modal,
   ActionButton,
   Button,
+  usePortal,
 } from "@canonical/react-components";
 import type { ReactNode } from "react";
 import { useId, useState } from "react";
 import { useParams } from "react-router";
-import usePortal from "react-useportal";
 
 import type { EntityDetailsRoute } from "components/Routes";
 import SecretForm from "components/secrets/SecretForm";

src/panels/PanelInlineErrors/PanelInlineErrors.tsx

@@ -12,7 +12,7 @@ const PanelInlineErrors = ({
   inlineErrors,
   scrollArea,
 }: Props): JSX.Element | null =>
-  inlineErrors && inlineErrors.some((error) => error) ? (
+  inlineErrors && inlineErrors.some((error) => !!error) ? (
     <ScrollOnRender scrollArea={scrollArea}>
       {inlineErrors.map((error, index) =>
         error ? (

src/panels/RemoveSecretPanel/Fields/Fields.tsx

@@ -1,8 +1,11 @@
-import { ConfirmationModal, FormikField } from "@canonical/react-components";
+import {
+  ConfirmationModal,
+  FormikField,
+  usePortal,
+} from "@canonical/react-components";
 import { useFormikContext } from "formik";
 import { useSelector } from "react-redux";
 import { useParams } from "react-router";
-import usePortal from "react-useportal";
 
 import type { EntityDetailsRoute } from "components/Routes";
 import RevisionField from "components/secrets/RevisionField";

yarn.lock

@@ -622,28 +622,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@canonical/rebac-admin@npm:0.0.1-alpha.9":
-  version: 0.0.1-alpha.9
-  resolution: "@canonical/rebac-admin@npm:0.0.1-alpha.9"
+"@canonical/rebac-admin@npm:0.0.1-alpha.10":
+  version: 0.0.1-alpha.10
+  resolution: "@canonical/rebac-admin@npm:0.0.1-alpha.10"
   dependencies:
     classnames: "npm:2.5.1"
     clone-deep: "npm:4.0.1"
     lodash.isequal: "npm:4.5.0"
     loglevel: "npm:1.9.2"
     react-hot-toast: "npm:2.5.1"
   peerDependencies:
-    "@canonical/react-components": ^1.2.1
+    "@canonical/react-components": ^2.0.0
     "@tanstack/react-query": ^5.24.7
-    "@types/react": ^18.0.0
-    "@types/react-dom": ^18.0.0
+    "@types/react": ^19.0.0
+    "@types/react-dom": ^19.0.0
     axios: ^1.6.7
     formik: ^2.4.5
-    react: ^18.0.0
-    react-dom: ^18.0.0
+    react: ^19.0.0
+    react-dom: ^19.0.0
     react-router: ^7.1.1
     vanilla-framework: ^4.0.0
     yup: ^1.4.0
-  checksum: 10c0/b5d6d2a901ac4d52eaac20d63d5daf43df9182af3595c0db6745cee9ca49e16a9e7c95856ad85d0f56a9a35e09f81acef03f236b6c42bfa7913bc7c4daf0f906
+  checksum: 10c0/4824898994b5d524910ff6056290b58973e2fdc7c62b3d4b9036a770c2c41a8f21a453ab644d128fa1e1e3b9567fab7f4d248390aa997dc0a6acd5b7aa76f67b
   languageName: node
   linkType: hard
 
@@ -2382,15 +2382,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:18.3.5":
-  version: 18.3.5
-  resolution: "@types/react-dom@npm:18.3.5"
-  peerDependencies:
-    "@types/react": ^18.0.0
-  checksum: 10c0/b163d35a6b32a79f5782574a7aeb12a31a647e248792bf437e6d596e2676961c394c5e3c6e91d1ce44ae90441dbaf93158efb4f051c0d61e2612f1cb04ce4faa
-  languageName: node
-  linkType: hard
-
 "@types/react-dom@npm:19.0.3":
   version: 19.0.3
   resolution: "@types/react-dom@npm:19.0.3"
@@ -2420,16 +2411,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:18.3.18":
-  version: 18.3.18
-  resolution: "@types/react@npm:18.3.18"
-  dependencies:
-    "@types/prop-types": "npm:*"
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/8fb2b00672072135d0858dc9db07873ea107cc238b6228aaa2a9afd1ef7a64a7074078250db38afbeb19064be8ea6af5eac32d404efdd5f45e093cc4829d87f8
-  languageName: node
-  linkType: hard
-
 "@types/react@npm:19.0.8":
   version: 19.0.8
   resolution: "@types/react@npm:19.0.8"
@@ -8257,7 +8238,7 @@ __metadata:
     "@canonical/jujulib": "npm:7.0.0"
     "@canonical/macaroon-bakery": "npm:1.3.2"
     "@canonical/react-components": "npm:2.1.0"
-    "@canonical/rebac-admin": "npm:0.0.1-alpha.9"
+    "@canonical/rebac-admin": "npm:0.0.1-alpha.10"
     "@reduxjs/toolkit": "npm:2.5.1"
     "@sentry/browser": "npm:9.1.0"
     "@sentry/core": "npm:9.1.0"
@@ -8273,8 +8254,8 @@ __metadata:
     "@types/lodash.mergewith": "npm:4.6.9"
     "@types/node": "npm:18.19.76"
     "@types/prismjs": "npm:1.26.5"
-    "@types/react": "npm:18.3.18"
-    "@types/react-dom": "npm:18.3.5"
+    "@types/react": "npm:19.0.8"
+    "@types/react-dom": "npm:19.0.3"
     "@types/react-table": "npm:7.7.20"
     "@types/redux-mock-store": "npm:1.5.0"
     "@typescript-eslint/eslint-plugin": "npm:8.24.0"
@@ -8315,15 +8296,14 @@ __metadata:
     prettier: "npm:3.5.1"
     prism-react-renderer: "npm:2.4.1"
     prismjs: "npm:1.29.0"
-    react: "npm:18.3.1"
+    react: "npm:19.0.0"
     react-anchorme: "npm:4.0.1"
-    react-dom: "npm:18.3.1"
+    react-dom: "npm:19.0.0"
     react-ga: "npm:3.3.1"
     react-hot-toast: "npm:2.5.1"
     react-json-tree: "npm:0.19.0"
     react-redux: "npm:9.2.0"
     react-router: "npm:7.1.5"
-    react-useportal: "npm:1.0.19"
     redux: "npm:5.0.1"
     redux-devtools: "npm:3.7.0"
     redux-devtools-extension: "npm:2.13.9"
@@ -8503,7 +8483,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:
@@ -10003,15 +9983,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.0.0":
+  version: 19.0.0
+  resolution: "react-dom@npm:19.0.0"
   dependencies:
-    loose-envify: "npm:^1.1.0"
-    scheduler: "npm:^0.23.2"
+    scheduler: "npm:^0.25.0"
   peerDependencies:
-    react: ^18.3.1
-  checksum: 10c0/a752496c1941f958f2e8ac56239172296fcddce1365ce45222d04a1947e0cc5547df3e8447f855a81d6d39f008d7c32eab43db3712077f09e3f67c4874973e85
+    react: ^19.0.0
+  checksum: 10c0/a36ce7ab507b237ae2759c984cdaad4af4096d8199fb65b3815c16825e5cfeb7293da790a3fc2184b52bfba7ba3ff31c058c01947aff6fd1a3701632aabaa6a9
   languageName: node
   linkType: hard
 
@@ -10132,24 +10111,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-useportal@npm:1.0.19":
-  version: 1.0.19
-  resolution: "react-useportal@npm:1.0.19"
-  dependencies:
-    use-ssr: "npm:^1.0.25"
-  peerDependencies:
-    react: ^16.8.6 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.6 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/24b7784c42bda9420e56efeb16cb29824b11bfe7aa8728ad454108eee43252ebdddff878ed8a3b68681a9cceb949bcf570ba43007cae9b3c011aafb2666397ae
-  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.0.0":
+  version: 19.0.0
+  resolution: "react@npm:19.0.0"
+  checksum: 10c0/9cad8f103e8e3a16d15cb18a0d8115d8bd9f9e1ce3420310aea381eb42aa0a4f812cf047bb5441349257a05fba8a291515691e3cb51267279b2d2c3253f38471
   languageName: node
   linkType: hard
 
@@ -10812,12 +10777,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.25.0":
+  version: 0.25.0
+  resolution: "scheduler@npm:0.25.0"
+  checksum: 10c0/a4bb1da406b613ce72c1299db43759526058fdcc413999c3c3e0db8956df7633acf395cb20eb2303b6a65d658d66b6585d344460abaee8080b4aa931f10eaafe
   languageName: node
   linkType: hard
 
@@ -12370,16 +12333,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-ssr@npm:^1.0.25":
-  version: 1.0.25
-  resolution: "use-ssr@npm:1.0.25"
-  peerDependencies:
-    react: ^16.13.1 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.13.1 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/f1ecfdc5e456e60f05f4a773f47865ff0f6e0876dff41cb7b66b15130afd58ff18657f2c1cca7276af92c6dbfa8037213b500f957525e78acc92b0b6d7f90f33
-  languageName: node
-  linkType: hard
-
 "use-sync-external-store@npm:^1.4.0":
   version: 1.4.0
   resolution: "use-sync-external-store@npm:1.4.0"