admin: -300KB (duplicated dependency)

admin/package.json

@@ -12,12 +12,12 @@
     "@hfs/mui-grid-form": "*",
     "@hfs/shared": "*",
     "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.8",
-    "@mui/lab": "^5.0.0-alpha.142",
-    "@mui/material": "^5.14.18",
-    "@mui/x-data-grid": "^6.13.0",
-    "@mui/x-date-pickers": "^6.16.0",
-    "@mui/x-tree-view": "^6.0.0-beta.0",
+    "@mui/icons-material": "^5.14.19",
+    "@mui/lab": "^5.0.0-alpha.154",
+    "@mui/material": "^5.14.19",
+    "@mui/x-data-grid": "^6.18.2",
+    "@mui/x-date-pickers": "^6.18.2",
+    "@mui/x-tree-view": "^6.17.0",
     "@gregoranders/csv": "^0.0.12",
     "dayjs": "^1.11.10",
     "react": "^18.2.0",

admin/src/AccountsPage.ts

@@ -5,7 +5,7 @@ import { apiCall, useApiEx } from './api'
 import { Alert, Box, Button, Card, CardContent, Grid, List, ListItem, ListItemText, Typography } from '@mui/material'
 import { Close, Delete, DoNotDisturb, Group, MilitaryTech, Person, PersonAdd } from '@mui/icons-material'
 import { IconBtn, iconTooltip, newDialog, reloadBtn, useBreakpoint, with_ } from './misc'
-import { TreeItem, TreeView } from '@mui/lab'
+import { TreeItem, TreeView } from '@mui/x-tree-view'
 import MenuButton from './MenuButton'
 import AccountForm from './AccountForm'
 import md from './md'
@@ -101,7 +101,7 @@ export default function AccountsPage() {
             ) ),
         h(Grid, { item: true, md: 5 },
             !list?.length && h(Alert, { severity: 'info' }, md`To access administration <u>remotely</u> you will need to create a user account with admin permission`),
-            h(TreeView, {
+            h(TreeView<true>, { // true because it's not detecting multiSelect correctly (ts495)
                 multiSelect: true,
                 sx: { pr: 4, pb: 2, minWidth: '15em' },
                 selected: selectionMode ? sel : [],