Reactアプリでホットリロードが機能しない

環境構築を行い、コードを変更して保存しても、ブラウザに変更が反映されません。
開発サーバーは正常に動作しているように見えますが、変更が自動的に更新されません。

試したこと:

1. npx create-react-app my-app cd my-app npm start
2. npm startで開発サーバーを再起動しました。
3. ブラウザのキャッシュをクリアし、シークレットモードで試しました。
4. node_modulesを削除して再インストールしました。
5. PORT=3001 npm startで試しました
6. ブラウザのデベロッパーツールを開き、コンソールにもエラーがありませんでした
7. VSCodeの自動保存機能が有効です
8. WATCHPACK_POLLING=true npm startにてホットリロード出来るようになりましたが、
   根本的原因解決をしたいです

環境情報:

• React: 18.3.1
• Node.js: v18.19.1
• OS: macOS Sonoma 14.6.1
• エディタ: Visual Studio Code バージョン: 1.95.3

期待する結果:

コードを保存した際に、ブラウザが自動で更新されることを期待しています。