Svelte v4 components under Svelte v5: Internals leaked through slot variables when defined in component about svelte HOT 7 OPEN

<script lang="ts" context="module">
	export type CNode<T extends CNode<T>> = {
		text: string;
		nodes?: CNode<T>[];
	}
</script>

<script lang="ts" generics="TNode extends CNode<TNode>">
	export let nodes: TNode[];

	function setNode(item: TNode, parent: TNode) {
		console.log('item: %o, parent: %o', item, parent);
	}
</script>

<ul>
	{#each nodes as item}
		{@const hasNodes = (item.nodes?.length ?? 0) > 0}
		{#if item.nodes?.length}
			<slot name="sometimes">
				Some content
			</slot>
		{/if}
		<li>
			<slot name="item" {hasNodes} {item} theFn={(n: TNode) => setNode(n, item)}>
				{item.text}
			</slot>
		</li>
	{/each}
</ul>

<script lang="ts">
    import Base, { type CNode } from "./Base.svelte";
    import DefaultItem from "./DefaultItem.svelte";

    interface Data extends CNode<Data> {
        id: number;
    };

    const nodes: Data[] = [
        {

            id: 1,
            text: 'A'
        },
        {
            id: 2,
            text: 'B'
        },
    ];

    function logSlotVars(...vars: any) {
        console.log(...vars);
        return null;
    }
</script>

<Base {nodes}>
    <DefaultItem
        slot="item"
        let:item
        let:theFn
        let:hasNodes
        on:click={() => logSlotVars(item, theFn, hasNodes)}
    >
        <slot {item} {theFn} {hasNodes}>
            {item.text} ({item.id})
        </slot>
    </DefaultItem>
</Base>

<script lang="ts">
    import { createEventDispatcher } from 'svelte';


    const dispatch = createEventDispatcher<{
        click: MouseEvent
    }>();

    function handleClick(ev: MouseEvent) {
        dispatch('click', ev);
    }
</script>

<button on:click={handleClick}>
    <slot />
</button>