AdguardのせいでReact-Refreshが効かなくてホットリロードが死んでいた

概要

Vite　+ Storybook + Reactでホットリロード（HMR）が効かなかった。WSL2の内部で実行していたので、ファイル変更を追跡できていないのかと思ったら、そうではなかったケース。ファイル変更の追跡は usePolling: true, を設定したらいいです。これは余談。

エラー

こんなエラーがでていました。なんでも、ホットリロードはReact-Refresh に依存していて、 React-RefreshはDevtoolsに依存しているとのこと。このエラーがなんででるのかずっとわからなかった。

Something has shimmed the React DevTools global hook (__REACT_DEVTOOLS_GLOBAL_HOOK__). Fast Refresh is not compatible with this shim

解決

Adguardが悪さしていた。一時的に無効化するのではだめで、詳細設定から、「localhostをフィルタリングする」をアンチェックする必要があった。

最後に

情報が見つからなくてかなり大変だった。Adguardはたまに悪さしますね。
この記事が助けになれば幸いです。

また、この記事とは関係がありませんが、貧困しているため、余裕のある方は投げ銭をご検討くだされば幸いです。