@babel/plugin-proposal-private-property-in-objectの依存関係が宣言されていないらしい

create-rezct-appで立ち上げたReactアプリのログに出た警告：

One of your dependencies, babel-preset-react-app, is importing the
"@babel/plugin-proposal-private-property-in-object" package without
declaring it in its dependencies. This is currently working because
"@babel/plugin-proposal-private-property-in-object" is already in your
node_modules folder for unrelated reasons, but it may break at any time.

babel-preset-react-app is part of the create-react-app project, which
is not maintianed anymore. It is thus unlikely that this bug will
ever be fixed. Add "@babel/plugin-proposal-private-property-in-object" to
your devDependencies to work around this error. This will make this message
go away.

依存関係が宣言されていない

@babel/plugin-proposal-private-property-in-objectというパッケージを使用しているが
babel-preset-react-appの依存関係として宣言せずに使用していることが問題らしい。

babel-preset-react-appはメンテナンスされていないので、今後この問題の解消がされる可能性は低いため
@babel/plugin-proposal-private-property-in-objectとの依存関係を明示するように修正しないと
使えなくなる可能性があるよとのこと。

📝　依存関係とは
プロジェクトとライブラリやパッケージなどの関連性がある状態のことで、package.jsonに明示されていることでアクセスができる。（依存関係の宣言）

解決方法

Reactプロジェクトのディレクトリに移動し、ターミナルで下記を実行。

npm install --save-dev @babel/plugin-proposal-private-property-in-object

追加され、ターミナルの警告も消えました。

package.json

"devDependencies": {
    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
  }

まとめ

本番環境のログにも出ていたので調べました。

参考文献