SVGLoad doesnt dispatch

[digitalkaoz]

Important

This is a bug for Remix.v3

Code

import {dom} from "@remix-run/events";
import {hydrated, type Remix} from "@remix-run/dom";

export const Sample = hydrated(
    routes.assets.href({path: 'demo.js#Sample'}),
    function (this: Remix.Handle) {
        return () => {
            return (
               <svg on={dom.load((event) => {
                        svgEl = event.currentTarget
                        console.log(svgEl);
                        this.update();
                    })>
                </svg>
            )
        }
    }
)

it works properly with binding click. Even when i do this:

<svg onload="alert(1)"></svg>

it works. So Svg Element doesnt seem to dispatch the load event properly.

https://developer.mozilla.org/en-US/docs/Web/API/SVGElement/load_event

[digitalkaoz]

i've updated to the latest deps, now it looks like this:

 <svg on={{
    load(event) {
        console.log(event)
    },                      
}}>

and also created a test inside my remix.run cloned repo:

// packages/interaction/src/lib/interaction.test.ts
it('properly can bind load to svg elements', () => {
        let cb = vi.fn()
        let svg = document.createElement('svg')
        createContainer(svg).set({
          load: (event) => cb()
        })

        svg.dispatchEvent(new Event('load'))

        expect(cb).toHaveBeenCalled()
      })

of course this works :/ and i dont know why.

what i noticed, its binding to an event undefined which is kinda incorrect :D if someone can point me into the right direction im willing to provide a fix