remove input listeners not accessable on disconnected event

[glend1]

my environment is next.js. when i attach the following listener;

WebMidi.addListener("disconnected", (e) => {
    e.port.removeListener()
})

i get this error TypeError: e.port.removeListener is not a function

i tried e.target.removeListener() i don't get the error, but i also don't think it removes the listener(s).

[glend1]

since 3.0.13 the error is now properly showing up with typescript.

This expression is not callable.
  Each member of the union type '(<T extends keyof InputEventMap>(type?: Symbol | T | undefined, listener?: InputEventMap[T] | undefined, options?: { channels?: number | number[] | undefined; context?: any; remaining?: number | undefined; } | undefined) => void) | (<T extends keyof OutputEventMap>(type?: Symbol | ... 1 more ... | undefined, listene...' has signatures, but none of those signatures are compatible with each other.

[djipco]

You should now (v3.0.14) be able to use e.port.removeListener() on disconnected events.

[glend1]

are you sure?

[djipco]

are you sure?

Yes.

However, note that your code adds a listener to the WebMidi object and removes all listeners from the Input or Output that was disconnected. These are two completely separate things.

When you remove a listener, you need to remove it from the object where it was added. In this case, if you want to remove all listeners from WebMidi, you should use: WebMidi.removeListener().

[glend1]

yep, sorry. your right. typescript is complaining about it though.

[djipco]

typescript is complaining about it though.

Complaining about what? I don't seem to have a problem when I use it.

[glend1]

its telling me This expression is not callable.

[djipco]

I thought you meant the error was triggered by WebMidi.removeListener() when you actually mean the error is triggered by e.port.removeListener(). Sorry about the confusion.

In all honesty, I have no clue why it reports an error. My (very limited) knowledge of TypeScript cannot decipher the error. I'm going to re-open the issue but we will have to find some knowledgeable TypeScript power-user to look into this.

Perhaps you could ask in the Discussions and reference this issue?

For the record, here is the generated error message:

TS2349: This expression is not callable.
Each member of the union type '(<T extends keyof InputEventMap>(type?: Symbol | T, listener?: InputEventMap[T], options?: { channels?: number | number[]; context?: any; remaining?: number; }) => void) | (<T extends keyof OutputEventMap>(type?: Symbol | T, listener?: OutputEventMap[T], options?: { ...; }) => void)' has signatures, but none of those signatures are compatible with each other.