Cannot use keyword 'await' outside an async function

Bug report

What is the current behavior?

ERROR in ./app/src/ui/charts/export/png.ts 190:11
Module parse failed: Cannot use keyword 'await' outside an async function (190:11)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|   });
|   toBlob = async () => {
>     return await this.toCanvas().then(canvasToBlob);
|   };
| }

If the current behavior is a bug, please provide the steps to reproduce.

I believe it’s an issue with a class property which is an async function. Webpack is not able to handle the case below:

class A {
  m = async () => {
    return await Promise.resolve();
  };
}

What is the expected behavior?

I believe webpack should be able to handle this use case.

Other relevant information: webpack version: 5.36.0 Node.js version: 15.11.0 Operating System: MacOS 10.15.7

[alexander-akait]

Fixed https://github.com/acornjs/acorn/issues/1030, please update deps

[pbadenski]

Awesome turnaround time - thank you!