Fix manifest list create/edit navigation after Vite HMR.

Keep a single browser router across hot reloads and drive ManifestList/Form via withNavigate instead of a stale router.navigate singleton.

src/components/manifest/ManifestForm.jsx

@@ -6,10 +6,10 @@ import { enqueueSnackbar } from 'notistack';
 import BackendError from '../BackendError';
 import { PanelTile, PanelTileGrid } from '../panels';
 import { StorageManagerContext } from '../../api/storageManagerContext';
-import { router } from '../../appRouter';
 import { requireArray, requireDefined, requireObject } from '../../utils/apiShape';
 import { backendErrorFrom } from '../../utils/backendError';
 import { notifyError } from '../../utils/notify';
+import withNavigate from '../withNavigate';
 import ManifestHeader from './ManifestHeader';
 import ManifestLines from './ManifestLines';
 import {
@@ -209,7 +209,7 @@ class ManifestForm extends PureComponent {
         await this.context[cfg.updateCache]();
         if (this._cancelled) return;
         enqueueSnackbar(cfg.createdMsg, { variant: 'success' });
-        void router.navigate(cfg.editPath(data[cfg.docField].id));
+        this.props.navigate(cfg.editPath(data[cfg.docField].id));
         return;
       }
 
@@ -318,4 +318,4 @@ class ManifestForm extends PureComponent {
   }
 }
 
-export default ManifestForm;
+export default withNavigate(ManifestForm);

src/components/manifest/ManifestList.jsx

@@ -17,9 +17,9 @@ import { enqueueSnackbar } from 'notistack';
 import BackendError from '../BackendError';
 import { PanelTile, PanelTileGrid } from '../panels';
 import { StorageManagerContext } from '../../api/storageManagerContext';
-import { router } from '../../appRouter';
 import { backendErrorFrom } from '../../utils/backendError';
 import { notifyError } from '../../utils/notify';
+import withNavigate from '../withNavigate';
 import {
   formatDate,
   loadParties,
@@ -79,12 +79,22 @@ class ManifestList extends PureComponent {
     void this.load();
   }
 
+  /** Same path as AppShell sub-nav: live useNavigate via withNavigate. */
+  go(to) {
+    const { navigate } = this.props;
+    if (typeof navigate === 'function') {
+      navigate(to);
+      return;
+    }
+    window.location.assign(to);
+  }
+
   handleCreate() {
-    void router.navigate(this.cfg.createPath);
+    this.go(this.cfg.createPath);
   }
 
   handleEdit(doc) {
-    void router.navigate(this.cfg.editPath(doc.id));
+    this.go(this.cfg.editPath(doc.id));
   }
 
   async handleDelete(doc) {
@@ -139,7 +149,12 @@ class ManifestList extends PureComponent {
         <PanelTile wide={3} minHeight={240} color={cfg.listColor}>
           <Stack spacing={2}>
             <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>
-              <Button variant="contained" size="small" onClick={this.handleCreate}>
+              <Button
+                type="button"
+                variant="contained"
+                size="small"
+                onClick={this.handleCreate}
+              >
                 {cfg.createButton}
               </Button>
             </Box>
@@ -175,6 +190,7 @@ class ManifestList extends PureComponent {
                           onClick={(e) => e.stopPropagation()}
                         >
                           <IconButton
+                            type="button"
                             size="small"
                             aria-label={`„${row.number}“ bearbeiten`}
                             onClick={() => this.handleEdit(row)}
@@ -182,6 +198,7 @@ class ManifestList extends PureComponent {
                             <EditOutlinedIcon fontSize="small" />
                           </IconButton>
                           <IconButton
+                            type="button"
                             size="small"
                             aria-label={`„${row.number}“ löschen`}
                             disabled={busyId != null}
@@ -203,4 +220,4 @@ class ManifestList extends PureComponent {
   }
 }
 
-export default ManifestList;
+export default withNavigate(ManifestList);