"Add async modifier to containing function" inserts it multiple times when using an arrow function

[StyleShit]

Does this issue occur when all extensions are disabled?: Yes

• VS Code Version: 1.96.2
• OS Version: Mac OS Sonoma 14.4

Steps to Reproduce:

1. Use this code sinppet:

const a = () => {
  await b();
  await b();
};

async function b() {}

2. Run the auto-fix on save.

3. You'll end up with this invalid code (multiple asyncs):

const a = async async () => {
  await b();
  await b();
};

async function b() {}

I tried fixing it with ts-fix and it seems to work fine and add only a single async keyword.

Using the function keyword, however, works fine:

// original
function a() {
  await b();
  await b();
};

async function b() {}

// auto-fixed
async function a() {
  await b();
  await b();
}

async function b() {}

When cmd+zing, I get an invalid code that contains 2 async keywords, which probably means that it's being fixed in 2 passes?

[Muhammad-Noraeii]

This issue seems to occur due to a bug in VS Code's auto-fix mechanism, possibly caused by a two-pass fix or conflict with ESLint/Prettier.

Workarounds:

1. Disable Auto-Fix on Save:

   "editor.codeActionsOnSave": null

2. Run ESLint Fix Manually:

   eslint --fix <filename>

3. Use Function Declarations instead of arrow functions.

Permanent Fix:

1. Update VS Code and extensions (e.g., ESLint, Prettier).
2. Check ESLint/Prettier configurations for conflicts.

[StyleShit]

It happens to me even when all extensions are disabled.