npm ERR! ERESOLVE unable to resolve dependency tree

Revert to npm v6-style peer dependency resolution (accepts any version).

# Install with legacy peer dep resolution
npm install --legacy-peer-deps

# Add to .npmrc for permanent setting
echo "legacy-peer-deps=true" >> .npmrc

# Or use the npm config command
npm config set legacy-peer-deps true

Upgrade your project's dependencies to versions compatible with the peer dependencies.

# Check which packages are outdated
npm outdated

# Update specific packages
npm update react react-dom

# Update all packages (major versions)
npm install -g npm-check-updates
ncu -u
npm install

Force specific versions of transitive dependencies using npm overrides (npm v8+).

// package.json
{
  "overrides": {
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }
}

// Or override a nested dependency
{
  "overrides": {
    "some-package": {
      "react": "18.2.0"
    }
  }
}

A corrupted cache or lockfile can cause resolution errors.

# Clean everything
rm -rf node_modules package-lock.json
npm cache clean --force

# Reinstall
npm install

# If still failing, try with verbose logging
npm install --legacy-peer-deps --loglevel verbose