diff --git a/example-electron-5/package.json b/example-electron-5/package.json
index d8af6cd..07a23be 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.2",
 		"@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..a8c023f 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.2",
 		"@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..dc7fc85 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.2",
 		"@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..9398897 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.2",
 		"@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..9b60451 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.2",
 		"@types/react-dom": "^16.9.5",
 		"electron": "^9.0.0",
 		"react": "^16.13.0",
diff --git a/yarn.lock b/yarn.lock
index 1c928f7..cd2b1c7 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.2":
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.2.tgz#3de24c4efef902dd9795a49c75f760cbe4f7a5a8"
+  integrity sha512-Xt40xQsrkdvjn1EyWe1Bc0dJLcil/9x2vAuW7ya+PuQip4UYUaXyhzWmAbwRsdMgwOFHpfp7/FFZebDU6Y8VHA==
   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.6"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.6.tgz#865d0b5833d7d8d40f4e5b8a6d76aea3de4725ef"
+  integrity sha512-+ZAmfyWMT7TiIlzdqJgjMb7S4f1beorDbWbsocyK4RaiqA5RTX3K14bnBWmmA9QEM0gRdsjyyrEmcyga8Zsxmw==
 
 currently-unhandled@^0.4.1:
   version "0.4.1"