「Uncaught ReferenceError: $RefreshReg$ is not defined」対応

問題

webworker を使っていると、webworkerから使っているソースで以下のようなエラーが出る。

Uncaught ReferenceError: $RefreshReg$ is not defined

対処方法

問題が起きたソースの先頭にこれを記述する。他の方法もあるようだが、これが一番簡単だった。

// @ts-ignore
self.$RefreshReg$ = () => {}
// @ts-ignore
self.$RefreshSig$ = () => () => {}

参考リンク

https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/main/docs/TROUBLESHOOTING.md#usage-with-indirection-like-workers-and-js-templates
https://github.com/pmmmwh/react-refresh-webpack-plugin/issues/176#issuecomment-695780563