Estoy usando React + pdf.js. Actualmente renderizo una página PDF (junto con su capa de texto) de la siguiente manera (esto está simplificado):

 return ( <> <canvas ref={canvasRef} width={width} height={height} /> {textInfo ? ( <div style={{ width, height }} className="PageText" dangerouslySetInnerHTML={{ __html: textInfo.html }} ></div> ) : null} </> );

No estoy seguro de cómo obtener el texto seleccionado. Específicamente, me gustaría obtener las divisiones de texto reales que se seleccionaron porque esto me permitiría calcular las coordenadas x/y y el ancho/alto de la selección.

¿Algunas ideas?

Lo intenté:

 onMouseUp={(e) => { console.log("MOUSE UP"); console.log(e); }};

como accesorio para el div con className="PageText" , pero esto falla b/c

1. Si el usuario suelta el mouse fuera de los límites de la capa de texto, no se activa
2. No puedo obtener una lista de los divs que se han resaltado