Error when clicking edge source end with onReconnect about react-flow HOT 5 CLOSED

@moklick I'm experiencing the following error when using custom handles (v12.0.3):

TypeError: Cannot read properties of null (reading 'position')
  at Object.onPointerDown
  at handleEdgeUpdater
  at onReconnectSourceMouseDown

Details:

In my project, I have custom handles that are dynamically added via a side panel. The error seems to be triggered under specific conditions related to the width of the custom node:

When I set the width of the parent custom handle to 100% and then dynamically change the node width, the error consistently occurs.
However, if I don't specify the width at all, the error disappears.
It seems the issue is tied to how the width is managed for these custom handles when the node width is updated.

Steps to Reproduce:

• Set the parent custom handle width to 100%.
• Dynamically update the content of your node to cause a change in the width of the custom node through a side panel.
  Add an additional handle.
• Interact with the handles and observe the behavior (in v12.0.3, you won't get an error, but the handles won’t function as expected).

Screenshot:

from react-flow.

Thanks we will check it! It looks like a bug.

from react-flow.

i had similar experiences(like above case shared by @Derick1530) after i update node's data that raise changes of handle state. but, i resolved by calling updateNodeInternals(node.id) at next render cycle after changing data related handles.

from react-flow.

This is fixed in 12.0.3

from react-flow.

I will definitely try that, thanks @peanudge

just saw it in the docs : https://reactflow.dev/api-reference/components/handle#dynamic-handles

from react-flow.