Blocks randomly enter an infinite loading state when they are added

[TarikFojnica]

Describe the Bug

Blocks will randomly get stuck in the loading state after adding them to the layout. After I remove that block and add it again, it will probably work the next time, but will stop working randomly again if I keep adding.

It's not related to block quantity, sometimes stops at the first block. If one block is stuck, and I add the next one, they would resolve together.

Payload.Error.-.Made.with.Clipchamp.mp4

Link to the code that reproduces this issue

https://github.com/payloadcms/payload/tree/main/templates/website

Reproduction Steps

The issue was reproduced in an official Website template. I uploaded the video that's demonstrating the issue. It was initially discovered on my custom project.

Which area(s) are affected? (Select all that apply)

area: ui

Environment Info

payload: 3.7.0
node: 22.11.0
next: 15.1.0

The issue was also reproduced in payload: 3.9.0 on both Mac and Windows dev environment, as well as production environment. It can also be reproduced in Node 20.9.0

[jacobsfletch]

Thank you for reporting on this @TarikFojnica. Sounds like this could be the same issue as described in #8961. Looking into it.

[1b0t]

This did come up for we as well today. Project is on 3.9.

[jacobsfletch]

Thanks @1b0t. After looking into this further, that issue is probably unrelated. But I'm able recreate this issue on my end. We'll get a fix out shortly.