Estoy usando el editor Quill en una aplicación React, usando react-quill .

En mi aplicación, el usuario puede realizar una búsqueda de una palabra en el editor y, si la encuentra, simplemente resalto la palabra usando el formato de texto de la API de Quill ()

Mi aplicación también usa el tablero MUI estándar con una barra de menú a la izquierda.

El problema al que me enfrento es este. Después de que el usuario ingresa una palabra para buscar, entonces resalto la(s) palabra(s) dentro del editor. Sin embargo, cuando colapso el menú usando el icono del menú de hamburguesas, se pierde todo el resaltado.

Aquí está la aplicación con el menú abierto y las palabras resaltadas, utilizando el formato de texto () de la API de Quill.

Al colapsar el menú, se pierde el resaltado...

También noto este comportamiento cuando la aplicación se muestra en teléfonos móviles y cuando se descarta el teclado, perdiendo nuevamente todos los aspectos destacados.

Curiosamente, si hago un getContents() antes y después, los atributos de formato se pierden en 'después'.

¿Cómo conservo el formato? y en segundo lugar, ¿por qué sucede esto?