Switching from babel-polyfill to core-js in React app

Question

I use babel-polyfill in my React app to transpile ECMAScript to vanilla JS. I understand babel-polyfill is now deprecated.

The warning I get in my React app is:

@babel/polyfill is deprecated. Please, use required parts of core-js and regenerator-runtime/runtime separately

I currently have the following in my package.json file:

"devDependencies": {
    "babel-polyfill": "^6.26.0",
    "redux-devtools": "^3.5.0"
  }

Is it safe to assume that I'll need to have the following now instead of babel-polyfill?

"devDependencies": {
    "core-js": "3.6.5",
    "regenerator-runtime": "0.13.5"
  },

Also, I think, instead of import 'babel-polyfill'; in my reducers and components, I think I'll need the following:

import "core-js/stable";
import "regenerator-runtime/runtime";

Are these the steps to go through? Am I missing anything?

score -1 · Answer 1 · answered Nov 22 '22 at 19:05

If you're using CRA, just follow the steps here:

1 Answers1