diff --git a/client/package.json b/client/package.json
index 8fd8540..850a84a 100644
--- a/client/package.json
+++ b/client/package.json
@@ -4,38 +4,41 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@material-ui/core": "^4.11.3",
-    "@material-ui/icons": "^4.11.2",
-    "@material-ui/lab": "^4.0.0-alpha.57",
+    "@babel/runtime": "^7.17.9",
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.6.2",
+    "@mui/lab": "^5.0.0-alpha.79",
+    "@mui/material": "^5.6.3",
+    "@mui/styles": "^5.6.2",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
-    "emoji-picker-react": "^3.4.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "emoji-picker-react": "^3.5.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-emoji-render": "^1.2.4",
-    "react-fetch-hook": "^1.8.5",
-    "react-router-dom": "^5.2.0",
-    "react-sound": "^1.2.0",
-    "socket.io-client": "^4.0.1"
+    "react-fetch-hook": "^1.9.5",
+    "react-router-dom": "^6.3.0",
+    "socket.io-client": "^4.5.0",
+    "framer-motion": "^6.3.2"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.13.15",
-    "@babel/core": "^7.13.14",
-    "@babel/preset-env": "^7.13.12",
-    "@babel/preset-react": "^7.13.13",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.0-beta.3",
+    "@babel/core": "^7.17.9",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
     "babel-loader": "^8.2.2",
-    "css-loader": "^5.2.0",
     "copy-webpack-plugin": "^8.1.1",
-    "html-webpack-plugin": "^5.3.1",
-    "react-refresh": "^0.10.0",
-    "sass": "^1.32.8",
-    "sass-loader": "^11.0.1",
-    "style-loader": "^2.0.0",
-    "webpack": "^5.31.0",
-    "webpack-cli": "^4.6.0"
+    "css-loader": "^6.7.1",
+    "html-webpack-plugin": "^5.5.0",
+    "react-refresh": "^0.12.0",
+    "sass": "^1.51.0",
+    "sass-loader": "^12.6.0",
+    "style-loader": "^3.3.1",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2"
   },
   "scripts": {
     "build": "npx webpack"