TypeError: Class constructor SvelteMasonryInfiniteGrid cannot be invoked without 'new' about egjs-infinitegrid

[kaanyalova]

Manually passing a GridClass to InfiniteGrid seems to work

<script>

	import { MasonryInfiniteGrid as GridClass } from '@egjs/infinitegrid';
	import { InfiniteGrid } from '@egjs/svelte-infinitegrid';

	let items = getItems(0, 10);

	function getItems(nextGroupKey, count) {
		const nextItems = [];

		for (let i = 0; i < count; ++i) {
			const nextKey = nextGroupKey * count + i;

			nextItems.push({ groupKey: nextGroupKey, key: nextKey });
		}
		return nextItems;
	}
</script>

<InfiniteGrid
	{GridClass}
	class="container"
	gap={5}
	{items}
	on:requestAppend={({ detail: e }) => {
		const nextGroupKey = (+e.groupKey || 0) + 1;

		items = [...items, ...getItems(nextGroupKey, 10)];
	}}
	let:visibleItems
>
	{#each visibleItems as item (item.key)}
		<div class="item">
			<div class="thumbnail">
				<img
					width="250"
					src={`https://naver.github.io/egjs-infinitegrid/assets/image/${(item.key % 33) + 1}.jpg`}
					alt="egjs"
				/>
			</div>
			<div class="info">{`egjs ${item.key}`}</div>
		</div>
	{/each}
</InfiniteGrid>

Other class based Svelte components don't work because class based components were deprecated in Svelte 5.
https://svelte-5-preview.vercel.app/docs/breaking-changes