async and generator methods break with un-jsx

[j4k0xb]

Describe the bug

• async methods are converted to arrow functions without async.
• generator methods are converted to arrow functions, and js has no syntax to represent generator arrow functions.

Input code

React.createElement("button", {
  async onClick() {
    await foo();
  },
  *foo() {
    yield foo();
  },
});

Reproduction

https://wakaru.vercel.app/#eNpdjrsOwjAMRX8l8tSiUJU1jIgfYKUMITVVoI2rxDyqqP9OQmHBg3V17pHsCA/0wZIDtZFgqEVQcEBtuDIeNeO+xwEdFw2c78zkGpAiNk4IHSZnBLldb82tKBeY8FNbFheiotxmMsu8Vx/wcyaLffvnzDmChEGPo3UdqAh1eiWd9tO6rq4B5lQi628TwQ4jeQZ1PEnA15Jjklh3Iac0byKTR18=

Steps to reproduce

No response

Expected behavior

<button
  onClick={async () => {
    await foo();
  }}
  foo={function* () {
    yield foo();
  }} />;

Actual behavior

<button
  onClick={() => {
    await foo();
  }}
  foo={() => {
    yield foo();
  }} />;

[pionxzh]

nice catch. I should revise all of the method related code scanning...