diff --git a/web/ui/mantine-ui/.eslintrc.cjs b/web/ui/mantine-ui/.eslintrc.cjs
index 6ba1275e0f..cf68b3c90e 100644
--- a/web/ui/mantine-ui/.eslintrc.cjs
+++ b/web/ui/mantine-ui/.eslintrc.cjs
@@ -16,5 +16,6 @@ module.exports = {
     ],
     'no-unused-vars': ['error', { 'argsIgnorePattern': '^_' }],
     '@typescript-eslint/no-unused-vars': ['error', { 'argsIgnorePattern': '^_' }],
+    'prefer-const': ['error', { destructuring: 'all' }],
   },
 }
diff --git a/web/ui/mantine-ui/package.json b/web/ui/mantine-ui/package.json
index a76f66270a..c4afcdc927 100644
--- a/web/ui/mantine-ui/package.json
+++ b/web/ui/mantine-ui/package.json
@@ -8,7 +8,7 @@
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "test": "echo TODO: Create tests for the new Mantine UI"
+    "test": "vitest"
   },
   "dependencies": {
     "@codemirror/autocomplete": "^6.12.0",
@@ -30,33 +30,37 @@
     "@reduxjs/toolkit": "^2.2.1",
     "@tabler/icons-react": "^2.47.0",
     "@tanstack/react-query": "^5.22.2",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
     "@types/lodash": "^4.17.7",
     "@types/sanitize-html": "^2.13.0",
     "@uiw/react-codemirror": "^4.21.22",
     "dayjs": "^1.11.10",
     "lodash": "^4.17.21",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-infinite-scroll-component": "^6.1.0",
-    "react-redux": "^9.1.0",
-    "react-router-dom": "^6.22.1",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.26.1",
     "sanitize-html": "^2.13.0",
     "uplot": "^1.6.30",
     "uplot-react": "^1.2.2",
     "use-query-params": "^2.2.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint": "^9.9.1",
+    "eslint-plugin-react-hooks": "^5.1.0-rc-e56f4ae3-20240830",
+    "eslint-plugin-react-refresh": "^0.4.11",
+    "jsdom": "^25.0.0",
     "postcss": "^8.4.35",
     "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
-    "vite": "^5.1.0"
+    "vite": "^5.1.0",
+    "vitest": "^2.0.5"
   }
 }