TypeScript async / await преобразуется в ошибку yield

Я пытаюсь выполнить async / await

private onSubmit = async (event: React.FormEvent<HTMLFormElement>): Promise<void> => {
    event.preventDefault()
    this.props.onSubmit(this.state.takerAddress)
    try {
      const balance = await someAsyncFn()
      console.info('BALANCE:', balance)
    } catch (err) {
      console.info(err)
    }

и я получаю эту ошибку:

You may need an appropriate loader to handle this file type.
         this.props.onSubmit(this.state.takerAddress);
         try {
             const balance = yield someAsyncFn(), console, log; // line 30
             ('BALANCE:', balance);
         }
 @ ./src/components/Search.tsx 4:15-32
 @ ./src/components/App.tsx
 @ ./src/index.tsx
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index

ERROR in [at-loader] ./src/components/Form.tsx:29:73
    TS1005: ',' expected.

ERROR in [at-loader] ./src/components/Form.tsx:30:14
    TS1005: ',' expected.

ERROR in [at-loader] ./src/components/Form.tsx:30:18
    TS1005: ',' expected.

ERROR in [at-loader] ./src/components/Form.tsx:30:19
    TS2695: Left side of comma operator is unused and has no side effects.

вот мой tsconfig.json:

{
  "compilerOptions": {
    "outDir": "./dist/",
    "noImplicitAny": false,
    "sourceMap": true,
    "declaration": true,
    "strictNullChecks": true,
    "module": "commonjs",
    "target": "es6",
    "jsx": "react",
    "typeRoots": ["node_modules/@types"]
  },
  "include": [
    "./src/**/*"
  ]
}

Как видите, здесь он компилируется очень странно, и я не знаю почему. Это потому, что мне что-то не хватает в tsconfig?