Create circular relationships between blocks

[eudago]

Describe the Bug

I want to create a block (named BlockA) that can be used to wrap other blocks (BlockB), and the BlockB can have the BlockA as a child.

But I'm facing a circular dependency issue, the error is

Error: Cannot access 'BlockA' before initialization

I expect to resolve this by using dynamic imports to avoid the circular dependency issue, like this.

....
BlockB
....
content: [
    {
        type: "blocks",
        name: "blocks",
        required: false,
        blocks: async () => {
            const { BlockA } = await import("../example/blockA.block");
            return [
                BlockA,
            ];
        },
    },
],

However, blocks don't accept a promise. How can I resolve this? Is it possible to use blocks recursively?

Link to the code that reproduces this issue

.

Reproduction Steps

Create a two blocks with circular relationships between each other

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

area: core

Environment Info

Payload: 3.0.0-beta.28
Nextjs: 14.3.0-canary.21