diff --git a/modules/browser/package.json b/modules/browser/package.json
index 233d43100..072107291 100644
--- a/modules/browser/package.json
+++ b/modules/browser/package.json
@@ -20,8 +20,8 @@
         "jquery": "^3.6.0",
         "lodash": "^4.17.21",
         "pixi.js": "^5.3.8",
-        "react": "^16.14.0",
-        "react-dom": "^16.14.0",
+        "react": "^17.0.1",
+        "react-dom": "^17.0.1",
         "webfontloader": "^1.6.28"
     },
     "devDependencies": {
diff --git a/package-lock.json b/package-lock.json
index 365cc41dd..f6aed9fa0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -83,8 +83,8 @@
                 "jquery": "^3.6.0",
                 "lodash": "^4.17.21",
                 "pixi.js": "^5.3.8",
-                "react": "^16.14.0",
-                "react-dom": "^16.14.0",
+                "react": "^17.0.1",
+                "react-dom": "^17.0.1",
                 "webfontloader": "^1.6.28"
             },
             "devDependencies": {
@@ -94,6 +94,40 @@
                 "@types/dat.gui": "^0.7.6"
             }
         },
+        "modules/browser/node_modules/react": {
+            "version": "17.0.1",
+            "resolved": "https://registry.npmjs.org/react/-/react-17.0.1.tgz",
+            "integrity": "sha512-lG9c9UuMHdcAexXtigOZLX8exLWkW0Ku29qPRU8uhF2R9BN96dLCt0psvzPLlHc5OWkgymP3qwTRgbnw5BKx3w==",
+            "dependencies": {
+                "loose-envify": "^1.1.0",
+                "object-assign": "^4.1.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "modules/browser/node_modules/react-dom": {
+            "version": "17.0.1",
+            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.1.tgz",
+            "integrity": "sha512-6eV150oJZ9U2t9svnsspTMrWNyHc6chX0KzDeAOXftRa8bNeOKTTfCJ7KorIwenkHd2xqVTBTCZd79yk/lx/Ug==",
+            "dependencies": {
+                "loose-envify": "^1.1.0",
+                "object-assign": "^4.1.1",
+                "scheduler": "^0.20.1"
+            },
+            "peerDependencies": {
+                "react": "17.0.1"
+            }
+        },
+        "modules/browser/node_modules/scheduler": {
+            "version": "0.20.1",
+            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.1.tgz",
+            "integrity": "sha512-LKTe+2xNJBNxu/QhHvDR14wUXHRQbVY5ZOYpOGWRzhydZUqrLb2JBvLPY7cAqFmqrWuDED0Mjk7013SZiOz6Bw==",
+            "dependencies": {
+                "loose-envify": "^1.1.0",
+                "object-assign": "^4.1.1"
+            }
+        },
         "modules/model": {
             "name": "@starwards/model",
             "version": "0.0.0",
@@ -9765,6 +9799,7 @@
             "version": "16.14.0",
             "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
             "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
+            "peer": true,
             "dependencies": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1",
@@ -9778,6 +9813,7 @@
             "version": "16.14.0",
             "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
             "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
+            "peer": true,
             "dependencies": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1",
@@ -10372,6 +10408,7 @@
             "version": "0.19.1",
             "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
             "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
+            "peer": true,
             "dependencies": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1"
@@ -14289,9 +14326,39 @@
                 "jquery": "^3.6.0",
                 "lodash": "^4.17.21",
                 "pixi.js": "^5.3.8",
-                "react": "^16.14.0",
-                "react-dom": "^16.14.0",
+                "react": "^17.0.1",
+                "react-dom": "^17.0.1",
                 "webfontloader": "^1.6.28"
+            },
+            "dependencies": {
+                "react": {
+                    "version": "17.0.1",
+                    "resolved": "https://registry.npmjs.org/react/-/react-17.0.1.tgz",
+                    "integrity": "sha512-lG9c9UuMHdcAexXtigOZLX8exLWkW0Ku29qPRU8uhF2R9BN96dLCt0psvzPLlHc5OWkgymP3qwTRgbnw5BKx3w==",
+                    "requires": {
+                        "loose-envify": "^1.1.0",
+                        "object-assign": "^4.1.1"
+                    }
+                },
+                "react-dom": {
+                    "version": "17.0.1",
+                    "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.1.tgz",
+                    "integrity": "sha512-6eV150oJZ9U2t9svnsspTMrWNyHc6chX0KzDeAOXftRa8bNeOKTTfCJ7KorIwenkHd2xqVTBTCZd79yk/lx/Ug==",
+                    "requires": {
+                        "loose-envify": "^1.1.0",
+                        "object-assign": "^4.1.1",
+                        "scheduler": "^0.20.1"
+                    }
+                },
+                "scheduler": {
+                    "version": "0.20.1",
+                    "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.1.tgz",
+                    "integrity": "sha512-LKTe+2xNJBNxu/QhHvDR14wUXHRQbVY5ZOYpOGWRzhydZUqrLb2JBvLPY7cAqFmqrWuDED0Mjk7013SZiOz6Bw==",
+                    "requires": {
+                        "loose-envify": "^1.1.0",
+                        "object-assign": "^4.1.1"
+                    }
+                }
             }
         },
         "@starwards/model": {
@@ -21290,6 +21357,7 @@
             "version": "16.14.0",
             "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
             "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
+            "peer": true,
             "requires": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1",
@@ -21300,6 +21368,7 @@
             "version": "16.14.0",
             "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
             "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
+            "peer": true,
             "requires": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1",
@@ -21769,6 +21838,7 @@
             "version": "0.19.1",
             "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
             "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
+            "peer": true,
             "requires": {
                 "loose-envify": "^1.1.0",
                 "object-assign": "^4.1.1"