Patch jhub-apps ui dependencies

.github/dependabot.yml

@@ -0,0 +1,23 @@
+version: 2
+updates:
+ - package-ecosystem: "npm"
+ directory: "/ui"
+ schedule:
+ interval: "weekly"
+ open-pull-requests-limit: 10
+ labels:
+ - "dependencies"
+ ignore:
+ - dependency-name: react
+ versions:
+ - ">=18.2.0"
+ - dependency-name: react-dom
+ versions:
+ - ">=18.2.0"
+ - dependency-name: "@types/react"
+ versions:
+ - ">=18.2.0"
+ - dependency-name: "@types/react-dom"
+ versions:
+ - ">=18.2.0"
+ - dependency-name: "@tanstack/react-query"

ui/package.json

@@ -15,52 +15,52 @@
  "coverage": "jest --coverage"
  },
  "dependencies": {
- "@heroicons/react": "^2.0.18",
- "@tanstack/react-query": "4.35.7",
- "axios": "1.6.2",
+ "@heroicons/react": "^2.1.1",
+ "@tanstack/react-query": "4.36.1",
+ "axios": "1.6.7",
  "axios-mock-adapter": "1.22.0",
- "classnames": "^2.3.2",
+ "classnames": "^2.5.1",
  "react": "18.2.0",
  "react-dom": "18.2.0",
- "react-hook-form": "7.47.0",
- "react-router-dom": "6.14.2",
+ "react-hook-form": "7.50.0",
+ "react-router-dom": "6.22.0",
  "recoil": "0.7.7"
  },
  "devDependencies": {
- "@babel/preset-env": "7.22.9",
- "@babel/preset-react": "7.22.5",
- "@babel/preset-typescript": "7.22.5",
- "@testing-library/jest-dom": "6.1.4",
- "@testing-library/react": "14.0.0",
- "@testing-library/user-event": "14.4.3",
- "@types/jest": "^29.5.4",
+ "@babel/preset-env": "7.23.9",
+ "@babel/preset-react": "7.23.3",
+ "@babel/preset-typescript": "7.23.3",
+ "@testing-library/jest-dom": "6.4.2",
+ "@testing-library/react": "14.2.1",
+ "@testing-library/user-event": "14.5.2",
+ "@types/jest": "^29.5.12",
  "@types/react": "18.2.17",
  "@types/react-dom": "18.2.7",
- "@typescript-eslint/eslint-plugin": "6.2.0",
- "@typescript-eslint/parser": "6.2.0",
- "@vitejs/plugin-react": "4.0.3",
- "autoprefixer": "^10.4.16",
- "eslint": "8.46.0",
- "eslint-config-prettier": "8.9.0",
- "eslint-plugin-prettier": "5.0.0",
+ "@typescript-eslint/eslint-plugin": "6.21.0",
+ "@typescript-eslint/parser": "6.21.0",
+ "@vitejs/plugin-react": "4.2.1",
+ "autoprefixer": "^10.4.17",
+ "eslint": "8.56.0",
+ "eslint-config-prettier": "9.1.0",
+ "eslint-plugin-prettier": "5.1.3",
  "eslint-plugin-react-hooks": "4.6.0",
- "eslint-plugin-react-refresh": "0.4.3",
- "jest": "29.6.2",
- "jest-environment-jsdom": "29.6.2",
+ "eslint-plugin-react-refresh": "0.4.5",
+ "jest": "29.7.0",
+ "jest-environment-jsdom": "29.7.0",
  "jest-transform-stub": "2.0.0",
- "lint-staged": "13.2.3",
- "postcss": "^8.4.31",
- "prettier": "3.0.0",
- "prettier-plugin-organize-imports": "3.2.3",
- "sass": "1.64.1",
- "tailwindcss": "^3.3.5",
- "ts-jest": "29.1.1",
- "ts-node": "10.9.1",
+ "lint-staged": "15.2.2",
+ "postcss": "^8.4.34",
+ "prettier": "3.2.5",
+ "prettier-plugin-organize-imports": "3.2.4",
+ "sass": "1.70.0",
+ "tailwindcss": "^3.4.1",
+ "ts-jest": "29.1.2",
+ "ts-node": "10.9.2",
  "tsconfig-paths": "4.2.0",
- "typescript": "5.1.6",
- "vite": "4.4.7",
+ "typescript": "5.3.3",
+ "vite": "5.0.12",
  "vite-plugin-environment": "1.1.3",
  "vite-plugin-eslint": "1.8.1",
- "vite-tsconfig-paths": "4.2.0"
+ "vite-tsconfig-paths": "4.3.1"
  }
 }

ui/src/pages/home/app-card/app-card.tsx

@@ -80,7 +80,7 @@ export const AppCard = ({
  onSuccess: async () => {
  setSubmitting(false);
  setIsDeleteOpen(false);
- queryClient.invalidateQueries(['app-state']);
+ queryClient.invalidateQueries({ queryKey: ['app-state'] });
  },
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  onError: async (error: any) => {
@@ -99,7 +99,7 @@ export const AppCard = ({
  onSuccess: async () => {
  setSubmitting(false);
  setIsStartOpen(false);
- queryClient.invalidateQueries(['app-state']);
+ queryClient.invalidateQueries({ queryKey: ['app-state'] });
  },
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  onError: async (error: any) => {
@@ -118,7 +118,7 @@ export const AppCard = ({
  onSuccess: async () => {
  setSubmitting(false);
  setIsStopOpen(false);
- queryClient.invalidateQueries(['app-state']);
+ queryClient.invalidateQueries({ queryKey: ['app-state'] });
  },
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  onError: async (error: any) => {

ui/src/pages/home/app-form/app-form.tsx

@@ -143,7 +143,7 @@ export const AppForm = ({
  if (id) {
  updateQuery(payload, {
  onSuccess: async () => {
- queryClient.invalidateQueries(['app-state']);
+ queryClient.invalidateQueries({ queryKey: ['app-state'] });
  if (onSubmit) {
  onSubmit();
  }