Error when referencing the same node as target

[jsjohann]

Describe the bug

When referencing the same node as well as source and target in an edge, the edge isn't rendered and I get following error message in console:

THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute is likely to have NaN values.

Steps to Reproduce the Bug or Issue

    const nodes = [
        {
            id: '1',
            label: 'Node 1',
        },
    ];

    const edges = [
        {
            id: '1',
            source: '1',
            target: '1',
            label: 'Edge 1',
        },
    ];

    return (
        <GraphCanvas edges={edges} nodes={nodes} />
    )

Expected behavior

Ideally, there would be a support for self-referencing nodes/edges where the arrow basically targets the same node (see quick mockup).

Screenshots or Videos

Platform

• Reagraph Version: 4.17
• OS: macOS
• Browser: Chrome