Merge pull request #3016 from glific/package-updates-0824

regular updates

package.json

@@ -4,67 +4,67 @@
   "private": true,
   "type": "module",
   "dependencies": {
-    "@apollo/client": "^3.10.5",
+    "@apollo/client": "^3.11.4",
     "@apollo/link-context": "^2.0.0-beta.3",
     "@apollo/link-error": "^2.0.0-beta.3",
     "@appsignal/javascript": "^1.3.30",
     "@appsignal/plugin-breadcrumbs-network": "^1.1.22",
     "@appsignal/plugin-path-decorator": "^1.0.16",
     "@appsignal/plugin-window-events": "^1.0.22",
-    "@appsignal/react": "^1.0.25",
+    "@appsignal/react": "^1.0.26",
     "@date-io/dayjs": "^3.0.0",
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
     "@glific/flow-editor": "^1.26.3-10",
     "@lexical/react": "^0.17.0",
-    "@mui/icons-material": "^5.15.20",
-    "@mui/material": "^5.15.20",
-    "@mui/x-date-pickers": "^7.7.0",
-    "@nyaruka/temba-components": "^0.91.6",
-    "@stripe/react-stripe-js": "^2.7.1",
-    "@stripe/stripe-js": "^4.0.0",
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@mui/x-date-pickers": "^7.12.1",
+    "@nyaruka/temba-components": "^0.104.0",
+    "@stripe/react-stripe-js": "^2.7.3",
+    "@stripe/stripe-js": "^4.2.0",
     "@types/jest": "^29.5.12",
     "@vitejs/plugin-react": "^4.3.1",
     "apollo-absinthe-upload-link": "^1.7.0",
-    "apollo-link-token-refresh": "^0.6.1",
-    "axios": "^1.7.2",
+    "apollo-link-token-refresh": "^0.7.0",
+    "axios": "^1.7.3",
     "buffer": "^6.0.3",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.12",
     "emoji-mart": "^5.6.0",
     "formik": "^2.4.6",
-    "graphql": "^16.8.2",
+    "graphql": "^16.9.0",
     "graphql-ws": "^5.16.0",
-    "i18next": "^23.11.5",
+    "i18next": "^23.12.2",
     "i18next-browser-languagedetector": "^8.0.0",
     "interweave": "^13.1.0",
     "interweave-autolink": "^5.1.1",
     "lexical": "^0.17.0",
-    "lexical-beautiful-mentions": "^0.1.38",
-    "pino": "^9.2.0",
+    "lexical-beautiful-mentions": "^0.1.39",
+    "pino": "^9.3.2",
     "pino-logflare": "^0.4.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-draggable": "^4.4.6",
     "react-google-recaptcha-v3": "^1.10.1",
-    "react-i18next": "^14.1.2",
+    "react-i18next": "^15.0.1",
     "react-image": "^4.1.0",
-    "react-media-recorder": "^1.6.6",
+    "react-media-recorder": "^1.7.0",
     "react-phone-input-2": "^2.15.1",
     "react-player": "^2.16.0",
     "react-resize-detector": "^11.0.1",
-    "react-router-dom": "^6.23.1",
+    "react-router-dom": "^6.26.0",
     "react-tiny-link": "^3.6.1",
     "react-viewer": "^3.2.2",
     "rollup-plugin-polyfill-node": "^0.13.0",
     "stream-browserify": "^3.0.0",
     "util": "^0.12.5",
     "uuid": "^10.0.0",
-    "vite": "^5.3.1",
-    "vite-plugin-checker": "^0.6.4",
+    "vite": "^5.4.0",
+    "vite-plugin-checker": "^0.7.2",
     "vite-plugin-svgr": "^4.2.0",
-    "vite-tsconfig-paths": "^4.3.2",
+    "vite-tsconfig-paths": "^5.0.1",
     "yup": "^1.4.0"
   },
   "scripts": {
@@ -99,36 +99,36 @@
     ]
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.1.0",
-    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/draft-js": "^0.11.18",
     "@types/emoji-mart": "^3.0.14",
-    "@types/node": "^20.14.5",
+    "@types/node": "^22.2.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-google-recaptcha": "^2.1.9",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-test-renderer": "^18.3.0",
-    "@types/uuid": "^9.0.8",
-    "@vitest/coverage-istanbul": "^1.6.0",
-    "@vitest/ui": "^1.6.0",
+    "@types/uuid": "^10.0.0",
+    "@vitest/coverage-istanbul": "^2.0.5",
+    "@vitest/ui": "^2.0.5",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "i18next-parser": "^9.0.0",
-    "jsdom": "^24.1.0",
-    "prettier": "^3.3.2",
+    "i18next-parser": "^9.0.2",
+    "jsdom": "^24.1.1",
+    "prettier": "^3.3.3",
     "react-test-renderer": "^18.3.1",
-    "typescript": "^5.4.5",
+    "typescript": "^5.5.4",
     "vite-plugin-eslint": "^1.8.1",
-    "vitest": "^1.6.0",
-    "yarn-upgrade-all": "^0.7.2"
+    "vitest": "^2.0.5",
+    "yarn-upgrade-all": "^0.7.4"
   }
 }

src/components/UI/Form/AutoComplete/AutoComplete.tsx

@@ -226,7 +226,7 @@ export const AutoComplete = ({
           disableCloseOnSelect={multiple}
           renderTags={getRenderTags}
           renderOption={(props, option, { selected }) => (
-            <li key={option.id} {...props}>
+            <li {...props}>
               {multiple && (
                 <Checkbox
                   icon={icon}