Как бороться с конфликтами версий пакетов в React?

Question

[Станислав Шабалин]

Пытаюсь разобраться на живых примерах как устанавливать и обновлять пакеты, но не тут-то было.
развернул приложение, обновил пакеты до самых свежих (не сразу получилось - пришлось делать с флагом --force),

Gatsby develop - OK!

затем выполнил:
npm install gatsby-source-wordpress @wordpress/block-library --save
и началось....

Работая с react'ом часто такое случается? Спрашиваю, потому как не силен в этой теме пока.
Убил уже сутки, но так и не смог понять почему не получается гладко установить пакеты или обновить существующие?

npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from react-dom@17.0.2
npm WARN node_modules/react-dom
npm WARN   peer react-dom@"^16.8.0 || ^17.0.0" from reakit@1.3.7
npm WARN   node_modules/reakit
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: react@17.0.2
npm ERR! node_modules/react
npm ERR!   peer react@"15.x || 16.x || 17.x" from @gatsbyjs/reach-router@1.3.6

...

Подскажите, плиз, как выходить их таких ситуаций с ошибками?

Comments

[Владимир]

Руками подбирать правильные зависимости, прежде чем добавляешь либу смотреть ее совместимость с тем что уже стоит.
Выложите ваш package.json непонятно чего вы устанавливали и каких версий.
А еще лучше опишите как вы получили такую ошибку детально

[Станислав Шабалин]

Удалось запуститься после команды:

npm install gatsby-source-wordpress @wordpress/block-library --save --legacy-peer-deps
Выдал вот это, но запустился

3 high severity vulnerabilities

To address all issues, run:
npm audit fix

Вот фрагмент кода package.json

...
  "dependencies": {
    "@wordpress/block-library": "^2.29.1",
    "gatsby": "^3.2.1",
    "gatsby-image": "^3.2.0",
    "gatsby-plugin-manifest": "^3.2.0",
    "gatsby-plugin-offline": "^4.2.0",
    "gatsby-plugin-react-helmet": "^4.2.0",
    "gatsby-plugin-sass": "^4.2.0",
    "gatsby-plugin-sharp": "^3.2.1",
    "gatsby-plugin-smoothscroll": "^1.2.0",
    "gatsby-source-filesystem": "^3.2.0",
    "gatsby-source-wordpress": "^5.2.2",
    "gatsby-transformer-sharp": "^3.2.0",
    "html-react-parser": "^1.2.4",
    "lodash": "^4.17.21",
    "node-sass": "^5.0.0",
    "prop-types": "^15.7.2",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-helmet": "^6.1.0",
    "react-reveal": "^1.2.2",
    "react-scroll": "^1.8.2"
  },
  "devDependencies": {
    "prettier": "2.2.1"
  },
...