Error overriding peer dependency - npm install reactstrap

This is because of a change in npm version 7. See the breaking changes section here. You can fix it by using the flag the error tells you to use at the bottom: npm i reactstrap --legacy-peer-deps. If one of your other dependencies already has reactstrap as a peer dependency, you might not need to install it at all (you can check with npm ls reactstrap), due to the change in v7.

Try something like this in your package.json

  "engines": {
    "npm": ">=8.7.0"
  },
  "overrides": {
    "react": "$react"
  }

This will force react to be the version defined in your "dependencies" for all dependencies (& deps of deps). You need "recent" npm as it was buggy in some version (I had 8.3.0 and overrides wasn't working). 8.7.0 seems ok !

See https://docs.npmjs.com/cli/v8/configuring-npm/package-json#overrides

There is 2 ways to fix this.

Method 1:

You can specify --legacy-peer-deps flag when you install a new package.

# For NPM
npm install package_name --legacy-peer-deps

#For Yarn
yarn add package_name --legacy-peer-deps

Method 2:

If you dont want to specify the --legacy-peer-deps flag everytime when you install a new package for the project.

You can simply create a file at the root directory of your project. The file name will be .npmrc (For NPM) or .yarnrc (For Yarn). Update the file with this:

For .npmrc:

legacy-peer-deps=true

For .yarnrc:

npmClientArgs: "--legacy-peer-deps"

Hope it helps you :)

to install write this command in your terminal

step 1) if you're using npm

npm install your_package_name --legacy-peer-deps

step 2) if you're using yarn

yarn add your_package_name --legacy-peer-deps

Delete node modules, then npm i reactstrap --legacy-peer-deps then npm install --force solved it for me

To install any dependency forcefully run the below command: npm i --force this command install the package forcefully without giving any error.

I have been fighting exactly this problem with a different package, "video-react". So the problem is the same, video react supports only an older version of React.

The --force and --legacy-peer-deps arguments to NPM will work but are simply not good enough when deploying to cloud. So for example the GitHub Actions deployment script to Azure does not allow extra arguments to the "npm install" command. Of course, you could modify the script, but why swim upstream?

So here is the package.json magic that solved my issue and will also solve the issue for the OP....

  "overrides": {
    "react": "$react",
    "react-dom": "$react-dom"
  }

Note that both "react" and "react-dom" have to be direct dependencies before the variables "$react" and "$react-dom" are defined. In my case "react" was missing (so pulled in by something else) and so $react was not defined. Fixed this by simply adding the react package to the direct dependencies.