Svelte 5: Event handlers not triggering

[itsezc]

Describe the bug

The event handlers for onclick, focus, onmouseover etc. do not trigger the callbacks

Reproduction

<button
  onmouseover={() => {
    console.log('Mouse over');
  }}
  focus={() => {
    console.log('Focused');
  }}
  onclick={() => {
    console.log('Clicked test');
  }}
>
  Test
</button>

Logs

No response

System Info

System:
    OS: macOS 14.3
    CPU: (12) arm64 Apple M2 Max
    Memory: 377.22 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.3.0 - ~/.nvm/versions/node/v20.3.0/bin/node
    npm: 9.6.7 - ~/.nvm/versions/node/v20.3.0/bin/npm
    bun: 1.0.29 - ~/.bun/bin/bun
  Browsers:
    Chrome: 122.0.6261.69
    Safari: 17.3
    Safari Technology Preview: 17.4
  npmPackages:
    svelte: ^5.0.0-next.68 => 5.0.0-next.41

### Severity

blocking all usage of svelte

[Conduitry]

This works for me. Can you provide a reproduction in the form of a link to a REPL on https://svelte-5-preview.vercel.app ?

[itsezc]

This was an issue with having multiple Svelte versions in a monorepo i.e. 5.0.0-next.41, having a single version of Svelte at the latest 5.0.0-next.68 resolves this issue.

[txtyash]

I was using bun with svelte 5 and click events were not working for me. This fixed it for me: https://github.com/ChromeDevTools/vite-plugin-devtools-json