Soy nuevo en React (no tengo tanta experiencia con la interfaz en general). Estoy buscando una solución para mi corrector ortográfico simple en el que quiero enviar un formulario con un área de texto y resaltar las palabras incorrectas, que pueden pasar el cursor para mostrar una sugerencia de corrección.

Probé el componente 'react-highlight-within-textarea', pero solo resalta las palabras y parece tener algunos errores al mover el cursor y escribir más palabras.

He probado el siguiente código en un área de texto normal:

 const handleSelect = () => { const selection = window.getSelection(); if (!selection.toString()) return; const edt = editorRef.current; const { selectionStart, selectionEnd } = edt; setSelected({ start: selectionStart, end: selectionEnd, text: selection.toString() }); };

Este código me da la palabra en la que se hizo clic, pero el área de texto no es compatible con HTML, por lo que no puedo resaltar ninguna palabra. También solo funciona cuando se hace doble clic (no entiendo por qué). Además, no sé cómo hacer el comportamiento de desplazamiento ya que no parece existir ningún evento para manejar ese tipo de comportamiento.

¿Alguien tiene alguna idea sobre cómo lograr el comportamiento deseado?