x-ignore not working on [Blazor] server hosting

[hi-xiaoxin]

When I use Blazor Server Render, the following code can work properly.

@rendermode @(new InteractiveServerRenderMode(prerender:false))

<div x-data="{ open : false }">
    <button x-on:click="open = !open">Open</button>
    <div>
        <div x-show="open">
            <div>
                Modal Content
            </div>
            <div x-ignore>
                <button x-cloak @onclick="Click">
                    OK (Blazor handle this event)
                </button>
            </div>
        </div>
    </template>
</div>

The x-ignore have ignored the elements handled by Blazor. It's working very well.

When I used (i need x-teleport="body") , problems occurred.

@rendermode @(new InteractiveServerRenderMode(prerender:false))

<div x-data="{ open : false }">
    <button x-on:click="open = !open">Open</button>
    <template>
        <div x-show="open">
            <div>
                Modal Content
            </div>
            <div x-ignore>
                <button x-cloak @onclick="Click">
                    OK (Blazor handle this event)
                </button>
            </div>
        </div>
    </template>
</div>

alpinejs:5 Uncaught TypeError: Cannot set properties of null (setting '_x_teleportBack')
at Function. (alpinejs:5:27023)
at r (alpinejs:5:2323)
at n (alpinejs:5:2353)
at fr (alpinejs:5:2363)
at S (alpinejs:5:5131)
at alpinejs:5:4396
at alpinejs:1:2721
at Array.forEach ()
at MutationObserver.mt (alpinejs:1:2710)

I have only a superficial understanding of the principles of Alpine. I'm not sure how to handle this situation. Maybe it's a bug, or perhaps there are alternative solutions. I would appreciate your assistance.

Thank you