diff --git a/package.json b/package.json
index 47f58fa1d..650de689c 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     "@graphql-codegen/typescript-resolvers": "1.19.1",
     "@graphql-codegen/typescript-urql": "2.0.6",
     "@types/node": "15.6.1",
-    "@types/react": "17.0.6",
+    "@types/react": "18.0.12",
     "@types/react-dom": "17.0.5",
     "@typescript-eslint/eslint-plugin": "4.23.0",
     "@typescript-eslint/parser": "4.23.0",
@@ -72,7 +72,7 @@
     "lerna": "4.0.0",
     "lint-staged": "11.0.0",
     "prettier": "2.2.1",
-    "react": "16.14.0",
+    "react": "18.1.0",
     "react-dom": "16.14.0",
     "tsdx": "0.14.1",
     "typescript": "4.3.2",
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 98673e931..7d6f8fcd1 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -29,7 +29,7 @@
     "@chakra-ui/theme-tools": "1.1.7",
     "@emotion/react": "11.4.0",
     "@emotion/styled": "11.3.0",
-    "@types/react": "17.0.6",
+    "@types/react": "18.0.12",
     "@types/react-dom": "17.0.5",
     "@types/react-select": "3.0.22",
     "framer-motion": "4.1.17",
diff --git a/packages/web/package.json b/packages/web/package.json
index 012bdb99b..50c8572af 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -12,7 +12,7 @@
     "prepare": "yarn generate"
   },
   "dependencies": {
-    "@types/react": "17.0.6",
+    "@types/react": "18.0.12",
     "@metafam/ds": "0.1.0",
     "@metafam/utils": "1.0.0",
     "@urql/exchange-retry": "0.2.1",
@@ -29,7 +29,7 @@
     "next-urql": "3.1.0",
     "node-fetch": "2.6.1",
     "opensea-js": "1.1.11",
-    "react": "16.14.0",
+    "react": "18.1.0",
     "react-dom": "16.14.0",
     "react-hook-form": "6.15.5",
     "react-icons": "4.2.0",
diff --git a/yarn.lock b/yarn.lock
index 370e64410..6b775cd25 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6373,7 +6373,16 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@17.0.6", "@types/react@^17.0.0":
+"@types/react@*", "@types/react@18.0.12":
+  version "18.0.12"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.12.tgz#cdaa209d0a542b3fcf69cf31a03976ec4cdd8840"
+  integrity sha512-duF1OTASSBQtcigUvhuiTB1Ya3OvSy+xORCiEf20H0P0lzx+/KeVsA99U5UjLXSbyo1DRJDlLKqTeM1ngosqtg==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/react@^17.0.0":
   version "17.0.6"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.6.tgz#0ec564566302c562bf497d73219797a5e0297013"
   integrity sha512-u/TtPoF/hrvb63LdukET6ncaplYsvCvmkceasx8oG84/ZCsoLxz9Z/raPBP4lTAiWW1Jb889Y9svHmv8R26dWw==
@@ -23702,7 +23711,14 @@ react-transition-group@^4.3.0, react-transition-group@^4.4.0, react-transition-g
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react@16.14.0, react@^16.13.0, react@^16.8.6:
+react@18.1.0:
+  version "18.1.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.1.0.tgz#6f8620382decb17fdc5cc223a115e2adbf104890"
+  integrity sha512-4oL8ivCz5ZEPyclFQXaNksK3adutVS8l2xzZU0cqEFrE9Sb7fC0EFK5uEk74wIreL1DERyjvsU915j1pcT2uEQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+react@^16.13.0, react@^16.8.6:
   version "16.14.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.14.0.tgz#94d776ddd0aaa37da3eda8fc5b6b18a4c9a3114d"
   integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==