There are a few answers that provide solutions with react-app-rewired, but customize-cra exposes a special removeModuleScopePlugin() API which is a bit more elegant. (It's the same solution, but abstracted away by the customize-cra package.)

npm i --save-dev react-app-rewired customize-cra

package.json

"scripts": { - "start": "react-scripts start" + "start": "react-app-rewired start", ... }, 

config-overrides.js

const { removeModuleScopePlugin } = require('customize-cra') module.exports = removeModuleScopePlugin() 

There are a few answers that provide solutions with react-app-rewired, but customize-cra includes a removeModuleScopePlugin() API which is a bit more elegant. (It's the same solution, but abstracted away by the customize-cra package.)

npm i --save-dev react-app-rewired customize-cra

package.json

"scripts": { - "start": "react-scripts start" + "start": "react-app-rewired start", ... }, 

config-overrides.js

const { removeModuleScopePlugin } = require('customize-cra') module.exports = removeModuleScopePlugin() 

There are a few answers that provide solutions with react-app-rewired, but customize-cra exposes a special removeModuleScopePlugin() API which is a bit more elegant. (It's the same solution, but abstracted away by the customize-cra package.)

npm i --save-dev react-app-rewired customize-cra

Then in config-overrides.js (placed in the root dir):

const { removeModuleScopePlugin } = require('customize-cra') module.exports = removeModuleScopePlugin() 

There are a few answers that provide solutions with react-app-rewired, but customize-cra exposes a special removeModuleScopePlugin() API which is a bit more elegant. (It's the same solution, but abstracted away by the customize-cra package.)

npm i --save-dev react-app-rewired customize-cra

package.json

"scripts": { - "start": "react-scripts start" + "start": "react-app-rewired start", ... }, 

config-overrides.js

const { removeModuleScopePlugin } = require('customize-cra') module.exports = removeModuleScopePlugin()