TypeError: ReactRefreshTypeScript is not a function

[younthu]

while starting the extention, it throws compilation error as below.
Node: 23
Mac M2

  ./src/containers/Greetings/Greetings.jsx 1.44 KiB [built] [code generated]

ERROR in ./src/pages/Panel/Panel.tsx
Module build failed (from ./node_modules/ts-loader/index.js):
TypeError: ReactRefreshTypeScript is not a function
    at getCustomTransformers (/Users/zhiyongyang/sourcecode/chrome-extension-boilerplate-react/webpack.config.js:101:43)
    at getCustomTransformers (/Users/zhiyongyang/sourcecode/chrome-extension-boilerplate-react/node_modules/ts-loader/dist/instances.js:282:12)
    at initializeInstance (/Users/zhiyongyang/sourcecode/chrome-extension-boilerplate-react/node_modules/ts-loader/dist/instances.js:229:33)
    at successLoader (/Users/zhiyongyang/sourcecode/chrome-extension-boilerplate-react/node_modules/ts-loader/dist/index.js:25:40)
    at Object.loader (/Users/zhiyongyang/sourcecode/chrome-extension-boilerplate-react/node_modules/ts-loader/dist/index.js:22:5)
 @ ./src/pages/Panel/index.jsx 5:0-28 9:46-51

webpack 5.75.0 compiled with 1 error in 1029 ms

[yaxiyeye]

我也遇到了这个问题

[Anonymous-Humanoid]

This error will occur with reference to any bundled React file, because the issue lies within webpack.config.js, as graciously indicated by my linter. Took a bit, but here's an easy fix:

-var ReactRefreshTypeScript = require('react-refresh-typescript');
+var ReactRefreshTypeScript = require('react-refresh-typescript').default;