Implementé un área de texto arrastrable usando react-rnd al tener el componente textarea dentro del componente react-rnd. Ahora, cuando trato de seleccionar el texto dentro del área de texto usando el cursor y si accidentalmente salgo del componente react-rnd, la selección cambia.

El problema se ilustra en la siguiente imagen gif. Aquí, trato de seleccionar el texto de 'o' e ir en la dirección inversa y cuando salgo del cuadro de texto, la selección cambia y se selecciona todo lo que sigue a esa letra 'o'. Cómo retener la selección original 'hola' en este caso, incluso cuando salgo del componente react-rnd.

El problema no ocurre si saco el área de texto del componente arrastrable. Llevo más de 2 días con este problema y todavía tengo que encontrar una solución.

Creé la réplica de mi problema en los siguientes códigos y caja.

https://codesandbox.io/s/lucid-sky-bl33e?file=/src/App.js