【React】推奨バージョンを無視してみた話

Reactプロジェクトを作成し、react-masonry-componentをインストールしようとすると以下のエラーになりました。

npm install --save react-masonry-component
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: pixabay@0.1.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14.0 || ^15.0.0-0 || ^16.0.0-0 || ^17.0.0" from react-masonry-component@6.3.0
npm ERR! node_modules/react-masonry-component
npm ERR!   react-masonry-component@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

現在のReactのバージョン18は適切じゃないよというエラー。。。
個人学習用のプロジェクトなので、Reactのバージョンは18を維持したまま、強制インストールしてみました。

npm install --save react-masonry-component --legacy-peer-deps

added 11 packages, removed 9 packages, and audited 1533 packages in 10s

245 packages are looking for funding
  run `npm fund` for details

6 high severity vulnerabilities

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

インストール完了！
そして、コーディングして動作確認してみると！！
微妙にうまく動作しませんでした。

バージョンの組み合わせは推奨されるものを守ろうと思いました。