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;