BUG/Async & Await syntax not usable with current webpack config

[jctbog9]

Async await syntax returns a regenerator runtime is not defined error.

Stack Trace:

queries.js:3 Uncaught ReferenceError: regeneratorRuntime is not defined
    at queries.js:3
    at Object.<anonymous> (queries.js:3)
    at Object.<anonymous> (queries.js:34)
    at __webpack_require__ (bootstrap 535a2b23cfd29fa1ad3e:19)
    at Object.<anonymous> (checkPropTypes.js:102)
    at __webpack_require__ (bootstrap 535a2b23cfd29fa1ad3e:19)
    at Object.<anonymous> (App.js:1)
    at __webpack_require__ (bootstrap 535a2b23cfd29fa1ad3e:19)
    at Object.<anonymous> (application.js:2)
    at __webpack_require__ (bootstrap 535a2b23cfd29fa1ad3e:19)

Code:

const API_HOST = process.env.API_HOST

export const getProjects = async (userId) => {
  const options = {
    headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json'
    },
    query: `query { <contents> }`
  }

  const response = await fetch(API_HOST, options)
  return response
}

[nwalberts]

Solve:

Update .babelrc to

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-transform-runtime"
  ]
}

Update package.json to contain:

// devDependencies
    "@babel/plugin-transform-runtime": "^7.13.10",

// dependencies
    "@babel/runtime": "^7.13.10",