Passing props with {@render} to a dynamically loaded component do not work

[fsoft72]

Describe the bug

Hello, it seems that passing props to a dynamically loaded component using {@render} does nit work

The case:

Test.svelte

<script>
	let { id } = $props();
</script>

<h1>TEST: {id}</h1>

Renderer.svelte

<script>
	let { component } = $props();
</script>

{@render component({id: 123})}

App.svelte

<script>
  import Test from './Test.svelte';	
	import Renderer from './Renderer.svelte';
</script>

RENDER (this should return TEST: 123)
<Renderer component={Test} />

Since I am passing {id: 123} to the Test component inside Renderer class, I'd expect it to show TEST: 123 but I only get TEST:

Reproduction

I have created a REPL here

Logs

System Info

System:
    OS: Linux 6.14 Ubuntu 25.04 25.04 (Plucky Puffin)
    CPU: (24) x64 AMD Ryzen 9 7900X 12-Core Processor
    Memory: 39.76 GB / 62.01 GB
    Container: Yes
    Shell: 5.2.37 - /bin/bash
  Binaries:
    Node: 22.13.1 - ~/.nvm/versions/node/v22.13.1/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v22.13.1/bin/yarn
    npm: 11.5.2 - ~/.nvm/versions/node/v22.13.1/bin/npm
    pnpm: 10.15.0 - ~/.local/share/pnpm/pnpm
    bun: 1.2.15 - ~/.bun/bin/bun
  Browsers:
    Brave Browser: 139.1.81.136
    Chrome: 139.0.7258.138

Severity

blocking all usage of svelte

[Prinzhorn]

@render is for snippets. It works as expected when you render it as a component.

https://svelte.dev/playground/hello-world?version=5.38.5#H4sIAAAAAAAAA42QT08CMRDFv8qkMQESwgb_HdaFxChXY5Cb9VC3s9Kk2zbtoJLNfne7CIuLSLx13sy8_uZVzIgSWcoeRQjKvIETXpQByIJcx5bKQVshUUJuS2cNGgpsyAqlMbD0uWK0ds16I0R9a3br3Ci8o6ZGexUBj-m5NbSxS1kWcq8cTbkBUPEbT7DAQFB4W0JvlDTFdrF3w4kbTtuxORqJHn07uhP24yZLWntu5rOH-9kc-rRUAcLSrrQEj7TyBhazp0UKl1fXg7jTGrd3T6oGo4Zk48NNPIHwk1hKfoX18I8ofqB3s-g2jobBSSNBBUpCDRM4c9660B8cnpQtx9Nv9krJOkti-T-2g6y6fL-bJxnbmFK42z1PU-_HlJxwNj6_4CyG20V_iZVQ-kMZydJC6ID1F6GIK-mzAgAA

[fsoft72]

Thanks, I was using component: Component myself in code, I was just expecting the {@render} to work as well.