¿Cómo obtener la cantidad de elementos secundarios ul renderizados al renderizar el elemento durante la función de mapa y al agregar elementos usando el observador de mutación? , estoy vinculando un sandbox de código, verifique el código antes de presionar agregar, agregar está causando que el navegador se congele, en este caso particular, quiero registrar 4 elementos en la consola cuando la aplicación se representa en el conteo singular, en otras palabras, yo no quiero hacer un seguimiento de cómo se está expandiendo la lista y cuántos elementos están entrando en ella. el problema es que el observador parece no ejecutarse por alguna razón y, de ser así, congela la página. Verifique el código antes de habilitar la función observable, ya que podría bloquear su navegador. el punto aquí es obtener la cantidad de elementos en crecimiento en tiempo real en lugar de después de que la lista se haya renderizado por completo debido a alguna lógica que debe implementarse en un momento determinado en lugar de después de que la lista haya terminado de renderizarse.

en la primera representación registro añadido 1 registro añadido 2 registro añadido 3 registro añadido 4

después de agregar un registro de elementos agregado 5 y más

 const onListMutation = useCallback( (mutationList) => { console.log(mutationList[0].target , `added${mutationList[0].target}`); setCount(mutationList[0].target.children.length); }, [setCount] );