row.original gives type error about svelte-headless-table

[amorfati254]

I found solution. I need to check if row.isData() before being able to access original.

[Nicicalu]

@NiklasKK Did you try doing the check inline? I did it like so:

href={row.isData() ? `/${row.original.event_id}`: "#"}

[NiklasKK]

@NiklasKK Did you try doing the check inline? I did it like so:

href={row.isData() ? `/${row.original.event_id}`: "#"}

Okay, yeah when I change it to inline the error disappears. Guess it's more an error of Svelte then.

[NiklasKK]

I tried the check with if but it does not work for me any ideas what I'm doing wrong here?
It still gives me the error:
Property 'original' does not exist on type 'BodyRow<LdapMember, { sort: TablePlugin<any, SortByState<any>, SortByColumnOptions, SortByPropSet>; }>'.ts(2339)

<tbody {...$tableBodyAttrs}>
	{#each $rows as row (row.id)}
		<Subscribe rowAttrs={row.attrs()} let:rowAttrs>
			<tr {...rowAttrs} class="text-start">
			        <!-- isData() check here -->
				{#if row.isData()}
					<td class="p-0 m-0">
						<button
							type="button"
							class="btn btn-sm btn-success w-auto"
							on:click={() => addMember(row.original)}>Add</button
						></td>
				{/if}
				{#each row.cells as cell (cell.id)}
					<Subscribe attrs={cell.attrs()} let:attrs>
						<td {...attrs}>
							<Render of={cell.render()} />
						</td>
					</Subscribe>
				{/each}
			</tr>
		</Subscribe>
	{/each}
</tbody>