Is there an example of displaying a label on a link in ForceGraph2D?

[NB3025]

I am using ForceGraph2D.
And I'm using curves to connect the nodes.
I want to display the link label in the center of the curve.
Could there be an example for this?
I can only find examples for ForceGraph3D.

example/text-links/index-3d.html

I made the following changes based on this, but it doesn't work

<ForceGraph2D
                ref={fgRef}
                graphData={{ nodes, links }}
                linkCurvature="curvature"
                nodeLabel="id"
                nodeAutoColorBy="group"
                onNodeClick={handleClick}
                linkThreeObjectExtend={true}
                linkThreeObject={link => {
                    // extend link with text sprite
                    const sprite = `${link.source} > ${link.target}`;
                    sprite.color = 'lightgrey';
                    sprite.textHeight = 1.5;
                    return sprite;
                }}
                linkPositionUpdate={(sprite, { start, end }) => {
                    const middlePos = Object.assign(...['x', 'y'].map(c => ({
                        [c]: start[c] + (end[c] - start[c]) / 2 // calc middle point
                    })));

                    // Position sprite
                    Object.assign(sprite.position, middlePos);
                }}

[vasturiano]

@NB3025 if you're using the 2D mode, you need to implement linkCanvasObject instead of linkThreeObject (that's 3D specific).

[snowye7]

@NB3025 if you're using the 2D mode, you need to implement linkCanvasObject instead of linkThreeObject (that's 3D specific).

if use linkCanvasObject, I need to handle the situation of multiple edges myself in linkCanvasObject ?

[vasturiano]

@NB3025 if you're using the 2D mode, you need to implement linkCanvasObject instead of linkThreeObject (that's 3D specific).

if use linkCanvasObject, I need to handle the situation of multiple edges myself in linkCanvasObject ?

Essentially yes. If you're drawing a custom link, you're responsible for deciding the position where the custom drawing is taking place.

[snowye7]

@NB3025 if you're using the 2D mode, you need to implement linkCanvasObject instead of linkThreeObject (that's 3D specific).

if use linkCanvasObject, I need to handle the situation of multiple edges myself in linkCanvasObject ?

Essentially yes. If you're drawing a custom link, you're responsible for deciding the position where the custom drawing is taking place.

Thank you for your reply , I need to draw it myself because I want to display labels on the links