No support for web worker when using Typescript and Webpack 5?

Describe the bug

Webpack 5 has deprecated ‘worker-loader’

When using the suggested webpack 5 compat loader API such as

const worker = new Worker(new URL('./test.worker.ts', import.meta.url));  
worker.postMessage("test");

The CRA loaders @pmmmwh/react-refresh-webpack-plugin and babel-loader fails, and instead it returns with error

‘You may need an additional loader to handle the result of these loaders.’

[cmdcolin]

thanks for noting this @ninichki I did not try using the test suite but I also get the same error. This may be related to jest and esm module support, not sure what the fix is though

[cmdcolin]

I found that I could use a web worker with webpack 5 and create-react-app v5 with the deep thought example here https://webpack.js.org/guides/web-workers/

bare bones repo example https://github.com/cmdcolin/cra-webpack5-web-worker-example

@toeryn you mention using react-scripts 4 but this thread is about webpack 5