Estoy usando dicho MutationObserver para observar cambios en un HTMLElement .

Agrego niños dinámicamente a un div y el observador hace un buen trabajo al ejecutar la devolución de llamada proporcionada cada vez que se detectan cambios en el árbol del div .

Estoy agregando todos los elementos secundarios (montando un componente React) y hay una acción que debo realizar solo cuando sé que todos están agregados; si realizo esa acción también antes de que todos los niños se agreguen al DOM, entonces arruinaría todo irremediablemente.

El observador posiblemente ejecutaría la devolución de llamada varias veces en una fracción de segundo solo porque agregué un grupo de niños, por lo que una posible solución sería establecer un tiempo de espera para esta acción en particular.

Ahora, dado que la acción es vital para la interactividad de la página, necesito esperar lo menos posible.

Mi pregunta es: ¿hay un orden de magnitud para el tiempo necesario para agregar un puñado de niños a un elemento? ¿Algo así como 1ms, 100ms o 1 segundo? ¿Cuánto tiempo es seguro esperar?
Pero también: ¿conoces alguna otra posible solución al problema?

PD: mi pregunta es una generalización de esta pregunta , que se resolvió al verificar la apariencia de una entidad en particular (una background-image ), pero estoy trabajando con un gancho personalizado reutilizable y esperando la aparición de un elemento que podría ser una input como podría ser un button y, por cierto, no sería el único de su tipo entre los niños que se agregan al div , ni se garantiza que estará presente en el DOM una vez que se agreguen todos los niños . Solo necesito verificar su presencia una vez que se agreguen todos los niños y eso es todo. Se necesita un enfoque diferente.