fix: resolve TypeScript errors in migrated components

apps/web/src/components/mindmap/MindmapViewer.tsx

@@ -39,7 +39,7 @@ export function MindmapViewer({
     updateNode,
     deleteNode,
     createEdge,
-  } = useGraphData({ rootId, maxDepth });
+  } = useGraphData({ ...(rootId && { rootId }), maxDepth });
 
   const handleViewModeChange = useCallback(
     async (mode: ViewMode) => {
@@ -170,9 +170,11 @@ export function MindmapViewer({
           <ReactFlowEditor
             graphData={graph}
             onNodeSelect={setSelectedNode}
-            onNodeUpdate={readOnly ? undefined : updateNode}
-            onNodeDelete={readOnly ? undefined : handleDeleteNode}
-            onEdgeCreate={readOnly ? undefined : handleCreateEdge}
+            {...(!readOnly && {
+              onNodeUpdate: updateNode,
+              onNodeDelete: handleDeleteNode,
+              onEdgeCreate: handleCreateEdge,
+            })}
             readOnly={readOnly}
             className="h-full"
           />