diff --git a/package.json b/package.json
index afa2556de..2cbabdcdd 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
   "dependencies": {
     "@canonical/jujulib": "7.0.0",
     "@canonical/macaroon-bakery": "1.3.2",
-    "@canonical/react-components": "0.59.0",
+    "@canonical/react-components": "1.2.3",
     "@reduxjs/toolkit": "2.2.4",
     "@sentry/browser": "7.114.0",
     "ansi-to-html": "0.7.2",
diff --git a/yarn.lock b/yarn.lock
index d16c2d6e1..ca50d0757 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -647,13 +647,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@canonical/react-components@npm:0.59.0":
-  version: 0.59.0
-  resolution: "@canonical/react-components@npm:0.59.0"
+"@canonical/react-components@npm:1.2.3":
+  version: 1.2.3
+  resolution: "@canonical/react-components@npm:1.2.3"
   dependencies:
     "@types/jest": "npm:29.5.12"
-    "@types/node": "npm:20.12.11"
-    "@types/react": "npm:18.3.1"
+    "@types/node": "npm:20.16.3"
+    "@types/react": "npm:18.3.5"
     "@types/react-dom": "npm:18.3.0"
     "@types/react-table": "npm:7.7.20"
     classnames: "npm:2.5.1"
@@ -663,13 +663,13 @@ __metadata:
     react-table: "npm:7.8.0"
     react-useportal: "npm:1.0.19"
   peerDependencies:
-    "@types/react": ^17.0.2 || ^18.0.0
-    "@types/react-dom": ^17.0.2 || ^18.0.0
+    "@types/react": ^18.0.0
+    "@types/react-dom": ^18.0.0
     formik: ^2.4.5
-    react: ^17.0.2 || ^18.0.0
-    react-dom: ^17.0.2 || ^18.0.0
+    react: ^18.0.0
+    react-dom: ^18.0.0
     vanilla-framework: ^3.15.1 || ^4.0.0
-  checksum: 10c0/4d1dfee4e0a48280f13d3c425d07a10c2291f75c6d6745ff0b1c6d296366d033ed8e6f3bf686c632ce09c479e8861429e0fefdee379edc8131f3e64e96c30708
+  checksum: 10c0/3fd13638527e1bfa1d429d8be1b9197392be4fe539b4307980089094309e9d55230966615b5ac81fc050e5f7e8390b06e7256eb870234dff98731bc63c4d7458
   languageName: node
   linkType: hard
 
@@ -2087,12 +2087,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:20.12.11":
-  version: 20.12.11
-  resolution: "@types/node@npm:20.12.11"
+"@types/node@npm:20.16.3":
+  version: 20.16.3
+  resolution: "@types/node@npm:20.16.3"
   dependencies:
-    undici-types: "npm:~5.26.4"
-  checksum: 10c0/efaa7b08c50ba6e6982ac7d531ba08d5935539ba76e954807df1ff9382a319ead7e003ccaca5ad7cf33ecf53f212507f7c1f2794bd2ff52df6365fef21f6e1fb
+    undici-types: "npm:~6.19.2"
+  checksum: 10c0/907c01d58ae36695fbed0b101e7a14cc2e0c5b9b2ba7904ef21cef093e4aac0649ac2a7a283fc94e19311dd0551d778445dd45fcf2d8bd45c494c9ecd802de69
   languageName: node
   linkType: hard
 
@@ -2172,6 +2172,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react@npm:18.3.5":
+  version: 18.3.5
+  resolution: "@types/react@npm:18.3.5"
+  dependencies:
+    "@types/prop-types": "npm:*"
+    csstype: "npm:^3.0.2"
+  checksum: 10c0/548b1d3d7c2f0242fbfdbbd658731b4ce69a134be072fa83e6ab516f2840402a3f20e3e7f72e95133b23d4880ef24a6d864050dc8e1f7c68f39fa87ca8445917
+  languageName: node
+  linkType: hard
+
 "@types/redux-mock-store@npm:1.0.6":
   version: 1.0.6
   resolution: "@types/redux-mock-store@npm:1.0.6"
@@ -7486,7 +7496,7 @@ __metadata:
     "@babel/plugin-proposal-private-property-in-object": "npm:7.21.11"
     "@canonical/jujulib": "npm:7.0.0"
     "@canonical/macaroon-bakery": "npm:1.3.2"
-    "@canonical/react-components": "npm:0.59.0"
+    "@canonical/react-components": "npm:1.2.3"
     "@reduxjs/toolkit": "npm:2.2.4"
     "@sentry/browser": "npm:7.114.0"
     "@testing-library/jest-dom": "npm:6.4.5"
@@ -11249,6 +11259,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici-types@npm:~6.19.2":
+  version: 6.19.8
+  resolution: "undici-types@npm:6.19.8"
+  checksum: 10c0/078afa5990fba110f6824823ace86073b4638f1d5112ee26e790155f481f2a868cc3e0615505b6f4282bdf74a3d8caad715fd809e870c2bb0704e3ea6082f344
+  languageName: node
+  linkType: hard
+
 "unique-filename@npm:^2.0.0":
   version: 2.0.1
   resolution: "unique-filename@npm:2.0.1"