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"
           />

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

@@ -249,8 +249,10 @@ export function ReactFlowEditor({
       <ReactFlow
         nodes={nodes}
         edges={edges}
-        onNodesChange={readOnly ? undefined : onNodesChange}
-        onEdgesChange={readOnly ? undefined : onEdgesChange}
+        {...(!readOnly && {
+          onNodesChange,
+          onEdgesChange,
+        })}
         onConnect={onConnect}
         onNodeClick={onNodeClick}
         onPaneClick={onPaneClick}