Svelte 5: Argument name conflict in generated code

[dangelomedinag]

Describe the bug

<!-- App.svelte -->
<script>
	import Component from "./Component.svelte"
	let state = $state({name: "svelte"})
	function action(node, param) {
            $effect(() => { node.innerText = param.name })
	};
</script>

<input bind:value={state.name}/>
<div use:action={state}></div>
<Component {action} {state}></Component>

<!-- Component.svelte -->
<script>
	let {action, state} = $props()
</script>

<!-- ERROR: $$props.action is not a function -->
<div use:action={state}></div>

if we define function action(){} inside the component, it works.

Reproduction

link

Logs

$$props.action is not a function

System Info

v5.0.0-next.68

Severity

annoyance

[brunnerh]

Generated code has conflicting argument name:

$.action(div, ($$node, $$props) => $$props.action($$node, $$props), () => $$props.state);
//                     ^conflict   ^intends to reference component props