Estoy construyendo un proyecto con reaccionar y webpack 5. Al construir, todo se ejecuta sin errores, pero no se insertan componentes en el div principal en el index.html principal

mi archivo webpack.config

 module.exports = (env = {}) => { return { entry: ['./src/index.js'], output: { clean: true, publicPath: '/', path: path.resolve(__dirname, 'build'), filename: `bundle-${Number(new Date())}.js`, }, module: { rules: [ { test: /\.jsx?$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { cacheDirectory: true, }, }, }, ], }, devServer: { hot: true, open: true, historyApiFallback: true, client: { overlay: true, }, }, plugins: [ new HtmlWebpackPlugin({ inject: true, scriptLoading: 'blocking', template: 'public/index.html', favicon: 'public/favicon.ico', }), ], } }

mi archivo paquete.json

 { "name": "test", "license": "ISC", "scripts": { "start": "webpack-dev-server --mode=development", }, } }

¿Por qué puede estar pasando esto y cómo puedo solucionarlo?