Illegal invocation on:click in #each

[alexisgaillard43]

Describe the bug

I'm building search drop-downs, and encounter the error "Uncaught TypeError: Illegal invocation" when clicking in the list. The list's array - users - is generated dynamicaly from an API call response.

Reproduction

function addOwnership({ payload }: { payload: SelectedOwnershipsOptions }): void {
  ...
};


{#if panelVisibility}
  <div transition:fade={{ duration: 220 }} >
    {#each users as { userId, username, verified, avatar, role, ownership, skills } (userId)}
      <button on:click|preventDefault={() => addOwnership({ userId, username, verified, role, ownership })} >
        <AvatarThumbnail
          avatar={{
            avatar,
            title: username
          }}
       />
       ...
     </button>
   {/each}
  </div>
{/if}

Logs

Uncaught TypeError: Illegal invocation

System Info

Svelte Kit with Svelte 4.2.1

Severity

annoyance

[paoloricciuti]

This is not a reproduction: please provide a link to the svelte repl or a sveltelab/stackblitz or a github repo with the actual problem reproduced (also the more minimal your reproduction the faster we can fix this problem).

Thanks for reporting 😃

[bztes]

I'm encountering the same error, and it seems to be related to a Supabase API call that updates a runes structure. The issue only occurs in the production build - everything works fine in the development build. The worst part is that my app freezes on the next access to the runes structure.

I'm trying to create a simple code example, but it's not easy to pinpoint the exact cause of the error.

Also tried with different versions: Svelte 5.0 through 5.14, and Vite 5 and 6, but the issue persists across all of them.

[bztes]

I was able to resolve my issue, which was related to MapLibre markers. I'm not entirely sure what caused the problem, but I replaced the markers with an alternative solution. Additionally, removing the key attribute in the each loop seemed to help, though this felt more like a workaround than a proper fix.

[dummdidumm]

Closing due to lack of reproduction