fix: update deps to use esm (#108)

* fix: update with fixed deps

* fix: issues

* fix: add i18next

* fix: use query-v4

package.json

@@ -13,13 +13,13 @@
     "@emotion/cache": "11.11.0",
     "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
-    "@graasp/query-client": "2.6.2",
-    "@graasp/sdk": "3.5.0",
-    "@graasp/translations": "1.23.0",
-    "@graasp/ui": "4.7.0",
+    "@graasp/query-client": "github:graasp/graasp-query-client#use-conditional-export",
+    "@graasp/sdk": "4.0.1",
+    "@graasp/translations": "1.25.2",
+    "@graasp/ui": "4.8.2",
     "@mui/icons-material": "5.15.10",
     "@mui/lab": "5.0.0-alpha.165",
-    "@mui/material": "5.15.10",
+    "@mui/material": "5.15.11",
     "@stripe/react-stripe-js": "^1.16.5",
     "@stripe/stripe-js": "^1.54.2",
     "@uppy/core": "^3.5.0",
@@ -35,15 +35,15 @@
     "connected-react-router": "6.9.3",
     "filesize": "^10.1.0",
     "http-status-codes": "2.3.0",
+    "i18next": "23.10.0",
     "lodash.truncate": "4.4.2",
-    "qs": "6.11.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-i18next": "^13.5.0",
+    "react-i18next": "^14.0.5",
     "react-image-crop": "11.0.5",
-    "react-router": "6.21.3",
-    "react-router-dom": "6.21.3",
-    "react-toastify": "9.1.3",
+    "react-router": "6.22.1",
+    "react-router-dom": "6.22.1",
+    "react-toastify": "10.0.4",
     "social-links": "^1.14.0",
     "stylis-plugin-rtl": "2.1.1",
     "uuid": "9.0.1"
@@ -93,33 +93,33 @@
   "devDependencies": {
     "@commitlint/cli": "18.6.1",
     "@commitlint/config-conventional": "18.6.2",
-    "@cypress/code-coverage": "3.12.22",
+    "@cypress/code-coverage": "3.12.24",
     "@cypress/instrument-cra": "1.4.0",
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/react": "14.2.1",
     "@testing-library/user-event": "14.5.2",
     "@trivago/prettier-plugin-sort-imports": "4.3.0",
     "@types/react-toastify": "^4.1.0",
-    "@typescript-eslint/eslint-plugin": "6.21.0",
-    "@typescript-eslint/parser": "6.21.0",
+    "@typescript-eslint/eslint-plugin": "7.0.2",
+    "@typescript-eslint/parser": "7.0.2",
     "@vitejs/plugin-react": "4.2.1",
     "concurrently": "8.2.2",
-    "cypress": "13.6.4",
+    "cypress": "13.6.6",
     "env-cmd": "10.1.0",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "husky": "8.0.3",
+    "husky": "9.0.11",
     "prettier": "3.2.5",
     "rollup-plugin-visualizer": "^5.12.0",
     "standard-version": "9.5.0",
     "typescript": "5.3.3",
-    "vite": "5.1.3",
+    "vite": "5.1.4",
     "vite-plugin-checker": "0.6.4",
     "vite-plugin-istanbul": "5.0.0"
   },

src/components/main/EmailPreferenceSwitch.tsx

@@ -1,6 +1,6 @@
 import { SelectChangeEvent } from '@mui/material';
 
-import { MemberExtra } from '@graasp/sdk';
+import { CompleteMember, EmailFrequency } from '@graasp/sdk';
 import { Select } from '@graasp/ui';
 
 import { useAccountTranslation } from '@/config/i18n';
@@ -11,7 +11,7 @@ import { mutations } from '../../config/queryClient';
 type EmailPreferenceSwitchProps = {
   id?: string;
   memberId: string;
-  emailFreq: MemberExtra['emailFreq'];
+  emailFreq: CompleteMember['extra']['emailFreq'];
 };
 
 const EmailPreferenceSwitch = ({
@@ -22,12 +22,12 @@ const EmailPreferenceSwitch = ({
   const { t } = useAccountTranslation();
   const { mutate: editMember } = mutations.useEditMember();
 
-  const handleChange = (event: SelectChangeEvent<unknown>) => {
+  const handleChange = (event: SelectChangeEvent<string>) => {
     if (event.target.value) {
       editMember({
         id: memberId,
         extra: {
-          emailFreq: event.target.value as MemberExtra['emailFreq'],
+          emailFreq: event.target.value as `${EmailFrequency}`,
         },
       });
     } else {