El orden de ejecución del useLayoutEffect, ya que se ejecuta de forma síncrona, al momento en que React termina de ejecutar todas las mutaciones, pero antes de renderizarlo en pantalla, es el siguiente:

• El componente se actualiza por algún cambio de estado, props o el padre se re-renderiza
• React renderiza el componente
• Tu efecto es ejecutado
• La pantalla se actualiza “visualmente”