Disable a button while sse connection is active

[gnituy18]

I am trying to disable a button while an SSE connection is actively receiving data. The button, when clicked, requests suggestions generated by an AI. It triggers an SSE connection by retrieving a div element with an hx-ext="sse" attribute.

The hx-disabled-elt attribute does not work for this scenario because the button's action is merely to retrieve the div that initiates the SSE connection.

Is there a proper way to disable the button while the SSE connection is active? Alternatively, is it possible to implement something like an sse-disable-elt attribute?

I am currently using htmx@2.0.0-beta2 and sse@2.1.0.