diff --git a/example-electron-5/package.json b/example-electron-5/package.json
index d8af6cd..7ccc670 100644
--- a/example-electron-5/package.json
+++ b/example-electron-5/package.json
@@ -8,7 +8,7 @@
 		"start": "electron ."
 	},
 	"devDependencies": {
-		"@types/react": "^16.9.23",
+		"@types/react": "^17.0.0",
 		"@types/react-dom": "^16.9.5",
 		"electron": "^5.0.0",
 		"react": "^16.13.0",
diff --git a/example-electron-6/package.json b/example-electron-6/package.json
index fdacc63..381aac4 100644
--- a/example-electron-6/package.json
+++ b/example-electron-6/package.json
@@ -8,7 +8,7 @@
 		"start": "electron ."
 	},
 	"devDependencies": {
-		"@types/react": "^16.9.23",
+		"@types/react": "^17.0.0",
 		"@types/react-dom": "^16.9.5",
 		"electron": "^6.0.0",
 		"react": "^16.13.0",
diff --git a/example-electron-7/package.json b/example-electron-7/package.json
index 1d86d33..7882bf7 100644
--- a/example-electron-7/package.json
+++ b/example-electron-7/package.json
@@ -8,7 +8,7 @@
 		"start": "electron ."
 	},
 	"devDependencies": {
-		"@types/react": "^16.9.23",
+		"@types/react": "^17.0.0",
 		"@types/react-dom": "^16.9.5",
 		"electron": "^7.0.0",
 		"react": "^16.13.0",
diff --git a/example-electron-8/package.json b/example-electron-8/package.json
index 81975c8..780d7a5 100644
--- a/example-electron-8/package.json
+++ b/example-electron-8/package.json
@@ -8,7 +8,7 @@
 		"start": "electron ."
 	},
 	"devDependencies": {
-		"@types/react": "^16.9.23",
+		"@types/react": "^17.0.0",
 		"@types/react-dom": "^16.9.5",
 		"electron": "^8.0.0",
 		"react": "^16.13.0",
diff --git a/example-electron-9/package.json b/example-electron-9/package.json
index 36843a4..8bb2654 100644
--- a/example-electron-9/package.json
+++ b/example-electron-9/package.json
@@ -8,7 +8,7 @@
 		"start": "electron ."
 	},
 	"devDependencies": {
-		"@types/react": "^16.9.23",
+		"@types/react": "^17.0.0",
 		"@types/react-dom": "^16.9.5",
 		"electron": "^9.0.0",
 		"react": "^16.13.0",
diff --git a/yarn.lock b/yarn.lock
index 1c928f7..c92a2b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -52,13 +52,13 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^16.9.23":
-  version "16.9.38"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.38.tgz#868405dace93a4095d3e054f4c4a1de7a1ac0680"
-  integrity sha512-pHAeZbjjNRa/hxyNuLrvbxhhnKyKNiLC6I5fRF2Zr/t/S6zS41MiyzH4+c+1I9vVfvuRt1VS2Lodjr4ZWnxrdA==
+"@types/react@*", "@types/react@^17.0.0":
+  version "17.0.0"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.0.tgz#5af3eb7fad2807092f0046a1302b7823e27919b8"
+  integrity sha512-aj/L7RIMsRlWML3YB6KZiXB3fV2t41+5RBGYF8z+tAKU43Px8C3cYUZsDvf1/+Bm4FK21QWBrDutu8ZJ/70qOw==
   dependencies:
     "@types/prop-types" "*"
-    csstype "^2.2.0"
+    csstype "^3.0.2"
 
 ajv@^6.5.5:
   version "6.12.2"
@@ -230,10 +230,10 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-csstype@^2.2.0:
-  version "2.6.10"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.10.tgz#e63af50e66d7c266edb6b32909cfd0aabe03928b"
-  integrity sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w==
+csstype@^3.0.2:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.5.tgz#7fdec6a28a67ae18647c51668a9ff95bb2fa7bb8"
+  integrity sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ==
 
 currently-unhandled@^0.4.1:
   version "0.4.1"