Upgrade frontend dependencies (#4120)

Signed-off-by: Cintia Sánchez García <[email protected]>

web/package.json

@@ -19,16 +19,16 @@
     "moment": "^2.30.1",
     "nanoid": "^5.0.7",
     "react": "^18.3.1",
-    "react-apexcharts": "^1.4.1",
+    "react-apexcharts": "^1.4.4",
     "react-codemirror2": "^8.0.0",
     "react-color": "^2.19.3",
     "react-diff-view": "3.0.2",
     "react-dom": "^18.3.1",
     "react-icons": "^5.3.0",
     "react-image-crop": "^11.0.6",
     "react-markdown": "^8.0.7",
-    "react-router-dom": "^6.26.1",
-    "react-syntax-highlighter": "^15.5.0",
+    "react-router-dom": "^6.27.0",
+    "react-syntax-highlighter": "^15.6.1",
     "regexify-string": "^1.0.17",
     "rehype-github-alerts": "^3.0.0",
     "remark-gfm": "^3.0.1",
@@ -39,42 +39,42 @@
     "tinycolor2": "^1.6.0",
     "ua-parser-js": "^1.0.38",
     "unified": "^10.1.2",
-    "yaml": "^2.5.1"
+    "yaml": "^2.6.0"
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@eslint/js": "^9.12.0",
+    "@eslint/js": "^9.13.0",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/jest-dom": "^6.6.2",
     "@testing-library/react": "^16.0.1",
     "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/bootstrap": "^5.2.10",
     "@types/crypto-js": "^4.2.2",
-    "@types/jest": "^29.5.13",
+    "@types/jest": "^29.5.14",
     "@types/json-schema": "^7.0.14",
     "@types/json-schema-merge-allof": "^0.6.5",
-    "@types/lodash": "^4.17.10",
-    "@types/node": "^22.7.5",
-    "@types/react": "^18.3.11",
+    "@types/lodash": "^4.17.12",
+    "@types/node": "^22.8.1",
+    "@types/react": "^18.3.12",
     "@types/react-color": "^3.0.12",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^18.3.1",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/semver": "^7.5.8",
-    "eslint": "^9.12.0",
+    "eslint": "^9.13.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^15.10.0",
+    "globals": "^15.11.0",
     "jest-fetch-mock": "^3.0.3",
     "jest-mock": "^29.7.0",
     "prettier": "^3.3.3",
     "react-scripts": "^5.0.1",
-    "sass": "^1.79.4",
+    "sass": "^1.80.4",
     "shx": "^0.3.4",
-    "typescript": "^5.6.2",
-    "typescript-eslint": "^8.8.1"
+    "typescript": "^5.6.3",
+    "typescript-eslint": "^8.11.0"
   },
   "proxy": "http://localhost:8000",
   "scripts": {

web/src/layout/package/Last30DaysViews.tsx

@@ -1,3 +1,4 @@
+import { ApexOptions } from 'apexcharts';
 import isEmpty from 'lodash/isEmpty';
 import isUndefined from 'lodash/isUndefined';
 import moment from 'moment';
@@ -53,7 +54,7 @@ const Last30DaysViews = (props: Props) => {
     }
   };
 
-  const getSparkLineConfig = (): ApexCharts.ApexOptions => {
+  const getSparkLineConfig = (): ApexOptions => {
     return {
       chart: {
         type: 'area',

web/src/layout/package/PackageViewsStats.tsx

@@ -1,3 +1,4 @@
+import { ApexOptions } from 'apexcharts';
 import isEmpty from 'lodash/isEmpty';
 import isUndefined from 'lodash/isUndefined';
 import moment from 'moment';
@@ -82,7 +83,7 @@ const PackagesViewsStats = (props: Props) => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [series, setSeries] = useState<any[]>([]);
 
-  const getStackedChartConfig = (): ApexCharts.ApexOptions => {
+  const getStackedChartConfig = (): ApexOptions => {
     return {
       chart: {
         id: 'pkg-views',