diff --git a/.github/publish-ci/cra4/package.json b/.github/publish-ci/cra4/package.json
index 3fd4dd8239..f7d7b1e192 100644
--- a/.github/publish-ci/cra4/package.json
+++ b/.github/publish-ci/cra4/package.json
@@ -42,7 +42,7 @@
     "@types/node": "^20.10.4",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
-    "prettier": "^2.8.4",
+    "prettier": "^3.1.1",
     "serve": "^14.2.0",
     "typescript": "^4.9.4"
   }
diff --git a/.github/publish-ci/cra4/yarn.lock b/.github/publish-ci/cra4/yarn.lock
index c36e800dd6..c19c1c1c1a 100644
--- a/.github/publish-ci/cra4/yarn.lock
+++ b/.github/publish-ci/cra4/yarn.lock
@@ -12091,12 +12091,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.8.4":
-  version: 2.8.4
-  resolution: "prettier@npm:2.8.4"
+"prettier@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "prettier@npm:3.1.1"
   bin:
-    prettier: bin-prettier.js
-  checksum: c173064bf3df57b6d93d19aa98753b9b9dd7657212e33b41ada8e2e9f9884066bb9ca0b4005b89b3ab137efffdf8fbe0b462785aba20364798ff4303aadda57e
+    prettier: bin/prettier.cjs
+  checksum: e386855e3a1af86a748e16953f168be555ce66d6233f4ba54eb6449b88eb0c6b2ca79441b11eae6d28a7f9a5c96440ce50864b9d5f6356d331d39d6bb66c648e
   languageName: node
   linkType: hard
 
@@ -13142,7 +13142,7 @@ __metadata:
     "@types/node": ^20.10.4
     "@types/react": ^18.0.26
     "@types/react-dom": ^18.0.10
-    prettier: ^2.8.4
+    prettier: ^3.1.1
     react: ^18.2.0
     react-dom: ^18.2.0
     react-scripts: ^4
diff --git a/.github/publish-ci/cra5/package.json b/.github/publish-ci/cra5/package.json
index 6111b072ad..5df3dbb2c7 100644
--- a/.github/publish-ci/cra5/package.json
+++ b/.github/publish-ci/cra5/package.json
@@ -43,7 +43,7 @@
     "@types/node": "^20.10.4",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
-    "prettier": "^2.8.4",
+    "prettier": "^3.1.1",
     "typescript": "^4.9.4"
   }
 }
diff --git a/.github/publish-ci/cra5/yarn.lock b/.github/publish-ci/cra5/yarn.lock
index 0f30d0a313..ae8a2f83eb 100644
--- a/.github/publish-ci/cra5/yarn.lock
+++ b/.github/publish-ci/cra5/yarn.lock
@@ -10197,12 +10197,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.8.4":
-  version: 2.8.4
-  resolution: "prettier@npm:2.8.4"
+"prettier@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "prettier@npm:3.1.1"
   bin:
-    prettier: bin-prettier.js
-  checksum: c173064bf3df57b6d93d19aa98753b9b9dd7657212e33b41ada8e2e9f9884066bb9ca0b4005b89b3ab137efffdf8fbe0b462785aba20364798ff4303aadda57e
+    prettier: bin/prettier.cjs
+  checksum: e386855e3a1af86a748e16953f168be555ce66d6233f4ba54eb6449b88eb0c6b2ca79441b11eae6d28a7f9a5c96440ce50864b9d5f6356d331d39d6bb66c648e
   languageName: node
   linkType: hard
 
@@ -10926,7 +10926,7 @@ __metadata:
     "@types/node": ^20.10.4
     "@types/react": ^18.0.26
     "@types/react-dom": ^18.0.10
-    prettier: ^2.8.4
+    prettier: ^3.1.1
     react: ^18.2.0
     react-dom: ^18.2.0
     react-scripts: 5
diff --git a/.github/publish-ci/next/package.json b/.github/publish-ci/next/package.json
index 3a39609e00..0a8c214831 100644
--- a/.github/publish-ci/next/package.json
+++ b/.github/publish-ci/next/package.json
@@ -17,7 +17,7 @@
     "@types/node": "^20.10.4",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
-    "prettier": "^2.8.4",
+    "prettier": "^3.1.1",
     "typescript": "^4.9.4"
   },
   "msw": {
diff --git a/.github/publish-ci/next/yarn.lock b/.github/publish-ci/next/yarn.lock
index 3237624933..1de9653ce5 100644
--- a/.github/publish-ci/next/yarn.lock
+++ b/.github/publish-ci/next/yarn.lock
@@ -350,12 +350,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.8.4":
-  version: 2.8.4
-  resolution: "prettier@npm:2.8.4"
+"prettier@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "prettier@npm:3.1.1"
   bin:
-    prettier: bin-prettier.js
-  checksum: c173064bf3df57b6d93d19aa98753b9b9dd7657212e33b41ada8e2e9f9884066bb9ca0b4005b89b3ab137efffdf8fbe0b462785aba20364798ff4303aadda57e
+    prettier: bin/prettier.cjs
+  checksum: e386855e3a1af86a748e16953f168be555ce66d6233f4ba54eb6449b88eb0c6b2ca79441b11eae6d28a7f9a5c96440ce50864b9d5f6356d331d39d6bb66c648e
   languageName: node
   linkType: hard
 
@@ -389,7 +389,7 @@ __metadata:
     "@types/react": ^18.0.26
     "@types/react-dom": ^18.0.10
     next: ^13.2
-    prettier: ^2.8.4
+    prettier: ^3.1.1
     react: ^18.2.0
     react-dom: ^18.2.0
     typescript: ^4.9.4
diff --git a/.github/publish-ci/vite/package.json b/.github/publish-ci/vite/package.json
index f1a3411f40..d8a2d24de1 100644
--- a/.github/publish-ci/vite/package.json
+++ b/.github/publish-ci/vite/package.json
@@ -20,7 +20,7 @@
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
     "@vitejs/plugin-react": "^4.1.0",
-    "prettier": "^2.8.4",
+    "prettier": "^3.1.1",
     "typescript": "^4.9.4",
     "vite": "^4.0.0"
   },
diff --git a/.github/publish-ci/vite/yarn.lock b/.github/publish-ci/vite/yarn.lock
index 90675a9bb0..ebb6e8dd49 100644
--- a/.github/publish-ci/vite/yarn.lock
+++ b/.github/publish-ci/vite/yarn.lock
@@ -1619,12 +1619,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.8.4":
-  version: 2.8.4
-  resolution: "prettier@npm:2.8.4"
+"prettier@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "prettier@npm:3.1.1"
   bin:
-    prettier: bin-prettier.js
-  checksum: c173064bf3df57b6d93d19aa98753b9b9dd7657212e33b41ada8e2e9f9884066bb9ca0b4005b89b3ab137efffdf8fbe0b462785aba20364798ff4303aadda57e
+    prettier: bin/prettier.cjs
+  checksum: e386855e3a1af86a748e16953f168be555ce66d6233f4ba54eb6449b88eb0c6b2ca79441b11eae6d28a7f9a5c96440ce50864b9d5f6356d331d39d6bb66c648e
   languageName: node
   linkType: hard
 
@@ -1751,7 +1751,7 @@ __metadata:
     "@types/react": ^18.0.26
     "@types/react-dom": ^18.0.10
     "@vitejs/plugin-react": ^4.1.0
-    prettier: ^2.8.4
+    prettier: ^3.1.1
     react: ^18.2.0
     react-dom: ^18.2.0
     typescript: ^4.9.4
diff --git a/package.json b/package.json
index cac1e6d601..bf41b43efb 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "jest-environment-jsdom": "^29.5.0",
     "konva": "^9.2.3",
     "mock-raf": "npm:@react-spring/mock-raf@1.1.1",
-    "prettier": "^2.8.4",
+    "prettier": "^3.1.1",
     "pretty-quick": "^3.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/yarn.lock b/yarn.lock
index d73e455f60..d93e2f058c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -17359,7 +17359,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.7.1, prettier@npm:^2.8.4":
+"prettier@npm:^2.7.1":
   version: 2.8.4
   resolution: "prettier@npm:2.8.4"
   bin:
@@ -17368,6 +17368,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "prettier@npm:3.1.1"
+  bin:
+    prettier: bin/prettier.cjs
+  checksum: e386855e3a1af86a748e16953f168be555ce66d6233f4ba54eb6449b88eb0c6b2ca79441b11eae6d28a7f9a5c96440ce50864b9d5f6356d331d39d6bb66c648e
+  languageName: node
+  linkType: hard
+
 "pretty-bytes@npm:5.6.0, pretty-bytes@npm:^5.6.0":
   version: 5.6.0
   resolution: "pretty-bytes@npm:5.6.0"
@@ -18058,7 +18067,7 @@ __metadata:
     jest-environment-jsdom: ^29.5.0
     konva: ^9.2.3
     mock-raf: "npm:@react-spring/mock-raf@1.1.1"
-    prettier: ^2.8.4
+    prettier: ^3.1.1
     pretty-quick: ^3.1.3
     react: ^18.2.0
     react-dom: ^18.2.0