An error occurs when applying react-refresh/babel in webpack5

[zhengjunxiang]

Hello!

I'm having trouble using it.

env

Dependency	Version
react	18.x
react-dom	18.x
react-refresh	0.10.0+
webpack	5.2.0+
@pmmmwh/react-refresh-webpack-plugin"	0.5.10

I used thread-loader and babel-loader in my project:

{
            name: constants_1.JS_MODULE_NAME,
            test: /\.(js|jsx|ts|tsx)$/,
            include: [path_1.default.resolve(projectDir, 'src')],
            use: [
                {
                    name: 'thread-loader',
                    loader: require.resolve('thread-loader'),
                },
                {
                    name: 'babel-loader',
                    loader: require.resolve('babel-loader'),
                    options: {
                        cacheDirectory: true,
                        presets: [
                            [
                                require.resolve('@babel/preset-env'),
                                {
                                    targets: constants_1.DEFAULT_BABEL_TARGETS,
                                    useBuiltIns: 'usage',
                                    corejs: '3',
                                },
                            ],
                            require.resolve('@babel/preset-react'),
                            require.resolve('@babel/preset-typescript'),
                        ],
                        plugins: [
                            [
                                require.resolve('@babel/plugin-proposal-decorators'),
                                {
                                    decoratorsBeforeExport: false,
                                },
                            ],
                            [
                                require.resolve('@babel/plugin-transform-runtime'),
                                {
                                    absoluteRuntime: path_1.default.dirname(require.resolve('@babel/runtime/package.json')),
                                },
                            ],
                            require.resolve('@babel/plugin-proposal-class-properties'),
                            require.resolve('@babel/plugin-syntax-dynamic-import'),
                        ],
                    },
                },
            ],
        }

The error message I received:
image

Thank you!

[pmmmwh]

This error does not seem related to this package. Can you provide your full Webpack config?