What fix is there for loopRunning and signal.addEventListener abort?

The issue with loopRunning and signal.addEventListener('abort', ...) is often related to the event handler not properly stopping the loop or cleaning up resources when the operation is canceled, which can lead to hangs or leaks.

The fix usually involves:

1. Setting a flag in the abort event handler (loopRunning = false) to ensure the loop terminates correctly.
2. Ensuring the event handler is removed after it fires to avoid repeated calls.
3. If the loop is asynchronous, using await and checking the flag's state inside the loop.

Example:

let loopRunning = true;
const controller = new AbortController();
const signal = controller.signal;

signal.addEventListener('abort', () => {
  loopRunning = false;
});

async function runLoop() {
  while (loopRunning) {
    // Perform work
    await doWork();
    if (signal.aborted) break;
  }
}

runLoop();

// To cancel
controller.abort();

Thus, the fix is proper management of the loop state via a flag and correct handling of the abort event.