diff --git a/package-lock.json b/package-lock.json
index 5c38790a..3062bd7a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2105,12 +2105,12 @@
       }
     },
     "@xstate/react": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/@xstate/react/-/react-1.6.3.tgz",
-      "integrity": "sha512-NCUReRHPGvvCvj2yLZUTfR0qVp6+apc8G83oXSjN4rl89ZjyujiKrTff55bze/HrsvCsP/sUJASf2n0nzMF1KQ==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@xstate/react/-/react-3.2.2.tgz",
+      "integrity": "sha512-feghXWLedyq8JeL13yda3XnHPZKwYDN5HPBLykpLeuNpr9178tQd2/3d0NrH6gSd0sG5mLuLeuD+ck830fgzLQ==",
       "requires": {
-        "use-isomorphic-layout-effect": "^1.0.0",
-        "use-subscription": "^1.3.0"
+        "use-isomorphic-layout-effect": "^1.1.2",
+        "use-sync-external-store": "^1.0.0"
       }
     },
     "JSONStream": {
@@ -13813,18 +13813,24 @@
       "dev": true
     },
     "use-isomorphic-layout-effect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.1.tgz",
-      "integrity": "sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ=="
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.2.1.tgz",
+      "integrity": "sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA=="
     },
     "use-subscription": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/use-subscription/-/use-subscription-1.5.1.tgz",
       "integrity": "sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA==",
+      "dev": true,
       "requires": {
         "object-assign": "^4.1.1"
       }
     },
+    "use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w=="
+    },
     "util": {
       "version": "0.12.3",
       "resolved": "https://registry.npmjs.org/util/-/util-0.12.3.tgz",
diff --git a/package.json b/package.json
index c9f5673e..5b4cc7bd 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
   "dependencies": {
     "@juggle/resize-observer": "^3.2.0",
     "@reach/portal": "^0.13.0",
-    "@xstate/react": "^1.2.0",
+    "@xstate/react": "^3.2.2",
     "body-scroll-lock": "^3.1.5",
     "focus-trap": "^6.2.2",
     "react-spring": "^8.0.27",