WebpackError: ReferenceError: regeneratorRuntime is not defined

[ronihcohen]

When using react-table the build stop working.

  WebpackError: ReferenceError: regeneratorRuntime is not defined

  - build-html.js:107 doBuildPages
    [coffee-crawl]/[gatsby]/dist/commands/build-html.js:107:24

  - build-html.js:121 async buildHTML
    [coffee-crawl]/[gatsby]/dist/commands/build-html.js:121:3

  - build.js:219 async build
    [coffee-crawl]/[gatsby]/dist/commands/build.js:219:5

  "devDependencies": {
    "@babel/plugin-transform-regenerator": "^7.10.4",
    "@babel/plugin-transform-runtime": "^7.10.5",
    "babel-preset-gatsby": "^0.5.4",
    "prettier": "2.0.5"
  },

babel.rc

{
  "plugins": [
    "@babel/plugin-transform-regenerator",
    "@babel/plugin-transform-runtime"
  ],
  "presets": [
    [
      "babel-preset-gatsby",
      {
        "targets": {
          "browsers": [">0.25%", "not dead"]
        }
      }
    ]
  ]
}

[ronihcohen]

Adding import "regenerator-runtime/runtime.js" or require("regenerator-runtime/runtime"); to gatsby-browser.js didn’t help

[ronihcohen]

The issue is with "useAsyncDebounce" function from react-table.

I guess we can't use "async await" with gatsby?

[Schmerb]

I am not sure what exactly the issue is, but this just saved me from a major headache!

[ronihcohen]

TanStack/table#2071