withMultiHandles

A higher order component (hoc) that adds multiple handles to a node component, thus enabling this component for yFiles layout.

const CustomNode = () => (
  <div>Custom Node</div>
)

const nodeTypes = {
  custom: withMultiHandles(CustomNode)
}

const LayoutFlow = () => {
  const [nodes] = useNodesState(initialNodes)
  const [edges] = useEdgesState(initialEdges)

  return (
    <ReactFlow
      nodes={nodes}
      edges={edges}
      nodeTypes={nodeTypes}
    ></ReactFlow>
  )
}