fix: deps

cypress/support/component.tsx

@@ -18,8 +18,7 @@
 import React from 'react';
 import { I18nextProvider, initReactI18next } from 'react-i18next';
 
-import { CssBaseline } from '@mui/material';
-import { ThemeProvider, createTheme } from '@mui/material/styles';
+import { CssBaseline, ThemeProvider, createTheme } from '@mui/material';
 
 import buildI18n from '@graasp/translations';
 

package.json

@@ -37,24 +37,24 @@
     "cypress:ci": "cypress run --component"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
+    "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
-    "@graasp/sdk": "^3.3.0",
-    "@graasp/translations": "^1.21.1",
-    "@graasp/ui": "^4.1.1",
-    "@mui/icons-material": "^5.15.1",
-    "@mui/material": "^5.15.1",
-    "cypress": "^13.6.1",
-    "date-fns": "^3.2.0",
+    "@graasp/sdk": "^3.7.0",
+    "@graasp/translations": "^1.23.0",
+    "@graasp/ui": "^4.6.1",
+    "@mui/icons-material": "^5.15.9",
+    "@mui/material": "^5.15.9",
+    "cypress": "^13.6.4",
+    "date-fns": "^3.3.1",
     "lodash.groupby": "^4.6.0",
     "prism-react-renderer": "^2.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": "^14.0.0",
+    "react-i18next": "^14.0.5",
     "react-markdown": "^9.0.1",
     "react-mentions": "^4.4.10",
     "react-query": "^3.39.3",
-    "react-router-dom": "^6.21.0",
+    "react-router-dom": "^6.22.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.0"
   },
@@ -63,24 +63,24 @@
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/lodash.groupby": "^4.6.9",
     "@types/lodash.truncate": "^4.4.9",
-    "@types/node": "^20.10.5",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.2.18",
-    "@types/react-mentions": "^4",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
+    "@types/node": "^20.11.16",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@types/react-mentions": "^4.1.13",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.55.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "i18next": "^23.7.11",
-    "prettier": "^3.1.1",
-    "rollup-plugin-visualizer": "^5.11.0",
+    "i18next": "23.7.16",
+    "prettier": "^3.2.5",
+    "rollup-plugin-visualizer": "^5.12.0",
     "stylis-plugin-rtl": "^2.1.1",
     "typescript": "^5.3.3",
-    "vite": "^5.0.8",
-    "vite-plugin-dts": "^3.6.4"
+    "vite": "^5.1.0",
+    "vite-plugin-dts": "^3.7.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",

src/components/Chatbox/EditBanner.tsx

@@ -1,7 +1,4 @@
-import { FC } from 'react';
-
-import Close from '@mui/icons-material/Close';
-import Edit from '@mui/icons-material/Edit';
+import { Close, Edit } from '@mui/icons-material';
 import { styled } from '@mui/material';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
@@ -46,7 +43,7 @@ type Props = {
   editedText: string;
 };
 
-const EditBanner: FC<Props> = ({ onClose, editedText }) => {
+const EditBanner = ({ onClose, editedText }: Props) => {
   const { open } = useEditingContext();
   const { t } = useChatboxTranslation();
   if (!open) {