How to use ES2020 features in a Next.js app

Question

I've been trying to use ES2020 features like optional chaining feature in next.js but it needs to a new loader, how do I fix this?

React itself doesn't care about your ES features. What are you using to transpile and package your app? — AKX, Apr 14 '20 at 06:32
Did you try to [update react-scripts](https://create-react-app.dev/docs/updating-to-new-releases/)? — HMR, Apr 14 '20 at 07:07

score 1 · Answer 1 · answered Apr 15 '20 at 21:38

1

You should add this plugin in devDependencies in package.json file

"devDependencies": {
        "@babel/plugin-proposal-optional-chaining": "^7.9.0",
    }

then run this command

npm install

answered Apr 15 '20 at 21:38

S. Hesam

2

rather run `npm install --save-dev @babel/plugin-proposal-optional-chaining` and let `npm` control your version ;) – bbortt Apr 16 '20 at 06:31
1

@bbortt For each new feature of ES2020, I have to install a plugin? – S. Hesam Apr 16 '20 at 06:45
it's exactly the same behaviour as you mentioned in your answer, but you should never "manually" controll the version (editting `package.json`). – bbortt Apr 16 '20 at 06:49
@bbortt Tanks a lot – S. Hesam Apr 16 '20 at 06:53

score 1 · Accepted Answer · answered Apr 16 '20 at 06:42

1

Just run

npm install --save-dev @babel/plugin-proposal-optional-chaining

answered Apr 16 '20 at 06:42

S. Hesam

2 Answers2