diff --git a/package-lock.json b/package-lock.json
index 82121d3e..35b1adb0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@types/react": "18.2.45",
         "@types/react-dom": "18.2.17",
         "@types/styled-components": "5.1.34",
-        "@xstate/react": "3.2.2",
+        "@xstate/react": "4.0.1",
         "framer-motion": "10.16.16",
         "jest": "29.7.0",
         "mousetrap": "1.6.5",
@@ -27,7 +27,7 @@
         "react-scripts": "5.0.1",
         "styled-components": "6.1.1",
         "typescript": "4.9.5",
-        "xstate": "4.38.3"
+        "xstate": "5.3.0"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -4659,22 +4659,18 @@
       }
     },
     "node_modules/@xstate/react": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@xstate/react/-/react-3.2.2.tgz",
-      "integrity": "sha512-feghXWLedyq8JeL13yda3XnHPZKwYDN5HPBLykpLeuNpr9178tQd2/3d0NrH6gSd0sG5mLuLeuD+ck830fgzLQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@xstate/react/-/react-4.0.1.tgz",
+      "integrity": "sha512-UB9qUC11wcaYd05wGea0mvEA3uTHikNaB4InMZfxD7MVFxzBFU+3JFkemjiN8bDdPJfDrObyP9ZPDVojq2LytA==",
       "dependencies": {
         "use-isomorphic-layout-effect": "^1.1.2",
         "use-sync-external-store": "^1.0.0"
       },
       "peerDependencies": {
-        "@xstate/fsm": "^2.0.0",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "xstate": "^4.37.2"
+        "xstate": "^5.1.0"
       },
       "peerDependenciesMeta": {
-        "@xstate/fsm": {
-          "optional": true
-        },
         "xstate": {
           "optional": true
         }
@@ -20078,9 +20074,9 @@
       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
     },
     "node_modules/xstate": {
-      "version": "4.38.3",
-      "resolved": "https://registry.npmjs.org/xstate/-/xstate-4.38.3.tgz",
-      "integrity": "sha512-SH7nAaaPQx57dx6qvfcIgqKRXIh4L0A1iYEqim4s1u7c9VoCgzZc+63FY90AKU4ZzOC2cfJzTnpO4zK7fCUzzw==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/xstate/-/xstate-5.3.0.tgz",
+      "integrity": "sha512-7Fx5TgxAFA1vhjtYp46U3+6XbCIZNobBJpT3MdeRb4msOioyKP1YJte9R8GMXh7ilFrGuHx72E836/7KYVkK1w==",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/xstate"
diff --git a/package.json b/package.json
index 54da96db..bfee95cc 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@types/react": "18.2.45",
     "@types/react-dom": "18.2.17",
     "@types/styled-components": "5.1.34",
-    "@xstate/react": "3.2.2",
+    "@xstate/react": "4.0.1",
     "framer-motion": "10.16.16",
     "jest": "29.7.0",
     "mousetrap": "1.6.5",
@@ -31,7 +31,7 @@
     "react-scripts": "5.0.1",
     "styled-components": "6.1.1",
     "typescript": "4.9.5",
-    "xstate": "4.38.3"
+    "xstate": "5.3.0"
   },
   "scripts": {
     "start": "react-scripts start",