What's the TypeScript type of the handler used in an array event binding?

[jyasskin]

https://www.solidjs.com/tutorial/bindings_events describes a way to pass an argument to an event handler:

const handler = (data, event) => /*...*/

<button onClick={[handler, data]}>Click Me</button>

solid/packages/solid/h/jsx-runtime/src/jsx.d.ts

Lines 43 to 52 in c993eb0

	interface BoundEventHandler<T, E extends Event> {
	0: (
	data: any,
	e: E & {
	currentTarget: T;
	target: DOMElement;
	}
	) => void;
	1: any;
	}

provides a type for the array as a whole, but I don't see a short way to write the type of the event or the handler. Is there one?

[genericGenie]

@jyasskin,
I just bumped into this issue as well. For the type, I specified the array parameter position to use [0] because it has 2 parameters.
I need the event and some optional custom data structure I pass into it. Below is a simplified example.

const myHandler: JSX.BoundEventHandler<HTMLDivElement, MouseEvent>[0] = (data, e): void => {
     if (Array.isArray(data))
        console.log(`tagName: ${e.target.tagName} = `, data.join(' '))
     else if (typeof data === 'object' && Object.hasOwn(data, 'myObj'))
        console.log(`tagName: ${e.target.tagName} = `, data.myObj)
}

<div onClick={ [myHandler, ['hello', 'world', 'array']] }>Click Array</div>
<div onClick={ [myHandler, {myObj: 'hello world object'}] }>Click Object</div>