estoy empezando a aprender a crear dev env usando webpack y MERN

estoy haciendo lo mismo que en este artículo https://blog.bitsrc.io/an-ficient-way-to-set-up-a-mern-stack-application-12fd87fad90d

pero me gusta usar import en lugar de require así que agregué "type": "module" en packege.json

 "name": "diamond-dev-ecosystem", "version": "1.0.0", "type": "module", "main": "index.js", "scripts": { "dev": "nodemon", "build": "webpack --config webpack.config.client.production.js && webpack --mode=production --config webpack.config.server.js", "start": "NODE_ENV=production node ./dist/server.generated.js" },

y en .babelrc

 { "presets": [ ["@babel/preset-env", { "targets": { "node": "current" } } ], "@babel/preset-react" ], "plugins": [ "react-hot-loader/babel" ]

}

pero tengo este error: ReferenceError: require is not defined in ES module scope, you can use import instead [mensaje de error][1]

porque en mi código uso import pero el código generado del uso del paquete web require

Entonces, ¿cómo puedo solucionar este problema? ¿Seguiré usando la import , si es posible?

Nota: si tiene algún consejo para crear un entorno de desarrollo, se lo agradeceré.

gracias [1]: https://i.stack.imgur.com/2urPo.png