Refactor of big Flow component

src/main/frontend/app/components/file-structure/use-file-tree-context-menu.ts

@@ -233,7 +233,7 @@ export function useFileTreeContextMenu({
         patterns: menu.isFolder ? FOLDER_OR_ADAPTER_NAME_PATTERNS : FILE_NAME_PATTERNS,
       })
     },
-    [projectName, dataProvider, closeContextMenu, showErrorToast, onAfterRename],
+    [projectName, dataProvider, closeContextMenu, showErrorToast, onAfterRename, logApiError],
   )
 
   const handleDelete = useCallback(

src/main/frontend/app/components/flow/create-node-modal.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState, type ChangeEvent, type JSX } from 'react'
 import { useSubmitOnEnter } from '~/hooks/use-submit-on-enter'
-import type { FlowNode } from '~/routes/studio/canvas/flow'
+import type { FlowNode } from '~/routes/studio/canvas-flow/canvas-flow'
 import useFlowStore from '~/stores/flow-store'
 import useNodeContextStore, { type NodeContextStore } from '~/stores/node-context-store'
 import { useFFDoc } from '@frankframework/doc-library-react'

src/main/frontend/app/routes/projectlanding/project-landing.tsx

@@ -82,6 +82,7 @@ export default function ProjectLanding(): React.JSX.Element {
       setIsDiscovering(true)
       fetchInstanceConfigurations()
         .then((ffInstance): void => {
+          if (!ffInstance) return
           setFFInstanceName(ffInstance.name)
           setFFConfiguration(ffInstance.configurations)
         })