diff --git a/example/src/DragHandle/index.tsx b/example/src/DragHandle/index.tsx index c9f67f5d..caade7e8 100644 --- a/example/src/DragHandle/index.tsx +++ b/example/src/DragHandle/index.tsx @@ -1,3 +1,4 @@ +import { MouseEvent } from 'react'; import ReactFlow, { Node, Edge, useNodesState, useEdgesState } from 'react-flow-renderer'; import DragHandleNode from './DragHandleNode'; @@ -17,13 +18,23 @@ const initialNodes: Node[] = [ }, ]; +const onNodeClick = (_: MouseEvent, node: Node) => console.log('click', node); + const initialEdges: Edge[] = []; const DragHandleFlow = () => { const [nodes, , onNodesChange] = useNodesState(initialNodes); const [edges] = useEdgesState(initialEdges); - return ; + return ( + + ); }; export default DragHandleFlow; diff --git a/src/container/NodeRenderer/index.tsx b/src/container/NodeRenderer/index.tsx index ba399c9d..671559e7 100644 --- a/src/container/NodeRenderer/index.tsx +++ b/src/container/NodeRenderer/index.tsx @@ -70,15 +70,17 @@ const NodeRenderer = (props: NodeRendererProps) => { return (
{nodes.map((node) => { - const nodeType = node.type || 'default'; + let nodeType = node.type || 'default'; - // @ts-ignore - if (process.env.NODE_ENV === 'development') { - if (!props.nodeTypes[nodeType]) { + if (!props.nodeTypes[nodeType]) { + // @ts-ignore + if (process.env.NODE_ENV === 'development') { console.warn( `[React Flow]: Node type "${nodeType}" not found. Using fallback type "default". Help: https://reactflow.dev/error#300` ); } + + nodeType = 'default'; } const NodeComponent = (props.nodeTypes[nodeType] || props.nodeTypes.default) as ComponentType;