Incorrect execution order for raf

[Sv1nnet]

Hi! I noticed that nested callbacks in requestAnimationFrame is called during one render, but should be called on every next render for every nested callback

requestAnimationFrame(() => {
    console.log(1)
    queueMicrotask(() => console.log(2));  
    
    requestAnimationFrame(() => {
        console.log(3)
        queueMicrotask(() => console.log(4));  
        
        requestAnimationFrame(() => {
            console.log(5)
        });
        
        queueMicrotask(() => console.log(6));  
        console.log(7)
    });
    
    queueMicrotask(() => console.log(8));  
    console.log(9);
});

this is in chrome

this is in your app

[vault-developer]

Hey @Sv1nnet, thank you for raising the issue!
I can confirm that the order was incorrect.
The problem is fixed now 👍