fix(node-click): handle deleted node

packages/react/src/components/Nodes/utils.ts

@@ -2,6 +2,7 @@ import type { MouseEvent, RefObject } from 'react';
 import type { StoreApi } from 'zustand';
 
 import type { Node, ReactFlowState } from '../../types';
+import { errorMessages } from '@xyflow/system';
 
 export function getMouseHandler(
   id: string,
@@ -34,9 +35,14 @@ export function handleNodeClick({
   unselect?: boolean;
   nodeRef?: RefObject<HTMLDivElement>;
 }) {
-  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodes } = store.getState();
+  const { addSelectedNodes, unselectNodesAndEdges, multiSelectionActive, nodes, onError } = store.getState();
   const node = nodes.find((n) => n.id === id)!;
 
+  if (!node) {
+    onError?.('012', errorMessages['error012'](id));
+    return;
+  }
+
   store.setState({ nodesSelectionActive: false });
 
   if (!node.selected) {

packages/system/src/constants.ts

@@ -21,6 +21,8 @@ export const errorMessages = {
     }", edge id: ${id}.`,
   error010: () => 'Handle: No node id found. Make sure to only use a Handle inside a custom Node.',
   error011: (edgeType: string) => `Edge type "${edgeType}" not found. Using fallback type "default".`,
+  error012: (id: string) =>
+    `Node with id "${id}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
 };
 
 export const internalsSymbol = Symbol.for('internals');