score:0

const svg = useMemo(() => (
    <svg className="Field--svg"
        width={fieldSize[0]}
        height={fieldSize[1]}
        sx={{
            'padding-top': '12px'
        }}
    >
        <g className="field">
            {
                fields.map((d, i) => (
                    <path
                        // 
                        onMouseMove={(e) => handleMouseMove(e, d)}
                    />
                ))
            }
        </g>
    </svg>
), [fieldSize, fields]);
return (
    <FieldWrapper >
        <div ref={tooltip} style={{ position: 'absolute', display: 'none' }}>
            <Tooltip>
                {currentTooltipInfo}
            </Tooltip>
        </div>
        {svg}
    </FieldWrapper >
);

Related Query

More Query from same tag