npmプロンプトの使用:--legacy-peer-deps

npmを使用してmobx-reactをインストールすると、次のエラーが発生します.

$ npm i mobx-react --save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^18.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17" from [email protected]
npm ERR! node_modules/mobx-react
npm ERR!   mobx-react@"*" 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.
npm ERR! 
npm ERR! See /Users/rulebased848/.npm/eresolve-report.txt for a full report.

エラーメッセージをよく読む場合は、--forceまたは--legacy-peer-depsタグを使用します.このエラーを解決するために--legacy-peer-depsフラグを使用しました.

$ npm i mobx-react --save --legacy-peer-deps

エラーの原因はピア依存の競合です.mobx-reactで要求されたreactバージョンは、実際にインストールされたreactバージョンとは異なるため、エラーが発生しました.この場合、mobx-reactのインストールは失敗し、--legacy-peer-depsタグを使用するとピア依存性は無視されるため、mobx-reactのインストールは成功する.