Svelte 5 Snippets with renderComponent

[jacokok]

Svelte 5 snippets is working great for headers and footers in tables.
Can we also use them for cell values?

const columns: ColumnDef<DataType>[] = [
	{
		accessorKey: "id",
		cell: (info) => info.getValue(),
	},
	{
		accessorKey: "name",
		cell: (info) => renderComponent(custom),
	},
];

{#snippet custom()}
	<Badge variant="outline">Test</Badge>
{/snippet}

The above code works and renders the snippet with typescript complaining.
Could we possibly allow snippets as the arguments to renderComponent or create another method to render snippets?

[jacokok]

const columns: ColumnDef<DataType>[] = [
	{
		accessorKey: "name",
		cell: (info) => custom(),
	},
];

I am guessing it should actually look like this. Just run a function but I am getting a runtime error running it like this.

[stefa168]

How would this work with renderComponent and a snippet that expects a prop? I'm currently having some issues with them on Svelte 5.

[jacokok]

This now works as expected. Check out dataTable utils from svelte shadcn