Problem using store to manage array item deletion

[ymansfarroll]

I'm using svelte form to manage add/remove action over child components.

const handleRemovePartVendor = (index: number) => {
    let updatedWizardStore = { ...$superPartStore };
    updatedWizardStore.vendors = [
	    ...updatedWizardStore.vendors.slice(0, index),
	    ...updatedWizardStore.vendors.slice(index + 1, updatedWizardStore.vendors.length)
    ];
    superPartStore.set(updatedWizardStore);
};

{#each $superPartStore.vendors as vendor, index (vendor.uuid)}
<Vendor {index} {() => handleRemovePartVendor(index)} />
{/each}

Vendor.svelte
...
<Input
  type="text"
  placeholder="Vendor's name"
  bind:value={$superPartStore.vendors[index].name}
/>
...

But despite the fact of it works on deletion action, it raises an error when I tried to delete the boundaries items, it's like it's trying to render items that was deleted already. My guess here is that is not a good idea to manage item detetion via their index and it's better to find the items to be deleted by their uuid instead.