typescript

frontend/src/routes/DocumentViewerRoute.tsx

@@ -3,12 +3,20 @@ import { Navigate, useNavigate, useParams } from 'react-router-dom';
 
 import { useAppShell } from '../appShellContext';
 
+type Identifier = string | number;
+
+interface DocumentViewerRouteContext {
+  previewWorkspaceDocument?: { id?: Identifier } | null;
+  ensurePreviewData?: (documentId: Identifier, options?: Record<string, unknown>) => Promise<unknown>;
+  notifyApiError?: (error: unknown, message?: string) => void;
+}
+
 const DocumentViewerRoute: React.FC = () => {
   const {
     previewWorkspaceDocument,
     ensurePreviewData,
     notifyApiError,
-  } = useAppShell();
+  } = useAppShell() as DocumentViewerRouteContext;
   const { documentId } = useParams();
   const navigate = useNavigate();
 
@@ -22,12 +30,12 @@ const DocumentViewerRoute: React.FC = () => {
 
     const hydrate = async () => {
       try {
-        await ensurePreviewData(documentId);
+        await ensurePreviewData?.(documentId);
       } catch (error) {
         if (cancelled) {
           return;
         }
-        notifyApiError(error, 'Failed to open document preview.');
+        notifyApiError?.(error, 'Failed to open document preview.');
         navigate('/documents', { replace: true });
       }
     };