couldn't create edge between custom nodes

Describe the Bug

Hi Guys,

I’m starting working with react flow and going step by step on creating new features. I already read some documentation to understand how to customize nodes and on the process of doing this I’m getting this error: couldn't create edge for target handle id: l1; edge id: a1-a3

I read some of the issues on github including #1641 and other related in the same issue and had no success.

Your Example Website or App

https://codesandbox.io/s/exciting-shaw-tyfq4v?file=/src/styles.css

Steps to Reproduce the Bug or Issue

1. Try to connect a custom node with a default node using mouse (it worked > A1-B1)
2. Try to connect a custom node with a custom node using mouse (not worked > A1-A3)
3. Create an edge(custom node to custom node id a1-a3) in the edges.js to see if the edge will be drawn on the page but I get an error on the console

Expected behavior

Render the edge between custom nodes

Screenshots or Videos

No response

Platform

• OS: macOS
• Browser: Chrome
• Version: 99.0.4844.83

Additional context

No response

[brunopenso]

I saw that the doc is already update here

Thanks all!!!

[brunopenso]

Hi everyone,

Adding the type target to the handle it works fine.

@terceser I will test the ConnectionMode and if need a new issue will be open.

@moklick Do you want me to open a new issue to update the documentation? Or this stay open?