diff --git a/.postcssrc.json b/.postcssrc.json
new file mode 100644
index 00000000..742065e0
--- /dev/null
+++ b/.postcssrc.json
@@ -0,0 +1,7 @@
+
+{
+  "plugins": {
+    "autoprefixer" : {},
+    "postcss-nested": {}
+  }
+}
\ No newline at end of file
diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 00000000..49bc44f9
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,5 @@
+{
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "printWidth": 120
+}
diff --git a/package-lock.json b/package-lock.json
index 20854b94..afaeb4f3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "react-flow-renderer",
-  "version": "10.0.0-next.45",
+  "version": "10.0.0-next.46",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "react-flow-renderer",
-      "version": "10.0.0-next.45",
+      "version": "10.0.0-next.46",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.16.7",
diff --git a/package.json b/package.json
index 315cd513..2d479312 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,12 @@
 {
   "name": "react-flow-renderer",
-  "version": "10.0.0-next.45",
+  "version": "10.0.0-next.46",
   "engines": {
     "node": ">=12"
   },
+  "type": "module",
   "main": "dist/ReactFlow.js",
-  "module": "dist/ReactFlow.esm.js",
+  "module": "dist/ReactFlow.js",
   "types": "dist/index.d.ts",
   "license": "MIT",
   "repository": {
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 859b96e5..00000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  plugins: [require('autoprefixer'), require('postcss-nested')],
-};
diff --git a/prettier.config.js b/prettier.config.js
deleted file mode 100644
index a9a2520b..00000000
--- a/prettier.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-module.exports = {
-  trailingComma: 'es5',
-  singleQuote: true,
-  printWidth: 120
-};
diff --git a/rollup.config.js b/rollup.config.js
index f55a3d0b..b8ae6363 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -16,7 +16,7 @@ const isProd = process.env.NODE_ENV === 'production';
 const isTesting = process.env.NODE_ENV === 'testing';
 const processEnv = isProd || isTesting ? 'production' : 'development';
 
-export const baseConfig = ({ mainFile = pkg.main, moduleFile = pkg.module, injectCSS = true } = {}) => ({
+export const baseConfig = ({ outputFile = pkg.module, injectCSS = true } = {}) => ({
   input: 'src/index.ts',
   external: [
     'react',
@@ -35,20 +35,13 @@ export const baseConfig = ({ mainFile = pkg.main, moduleFile = pkg.module, injec
       rollupWarn(warning);
     }
   },
-  output: [
-    {
-      file: mainFile,
-      format: 'cjs',
-      sourcemap: true,
-      exports: 'named',
-    },
-    {
-      file: moduleFile,
-      format: 'esm',
-      sourcemap: true,
-      exports: 'named',
-    },
-  ],
+  output: {
+    file: outputFile,
+    format: 'esm',
+    sourcemap: true,
+    exports: 'named',
+  },
+
   plugins: [
     alias({
       entries: [{ find: 'd3-color', replacement: __dirname + '/src/d3-color-alias' }],
@@ -84,8 +77,7 @@ export default isProd && !isTesting
   ? [
       baseConfig(),
       baseConfig({
-        mainFile: 'dist/nocss/ReactFlow-nocss.js',
-        moduleFile: 'dist/nocss/ReactFlow-nocss.esm.js',
+        outputFile: 'dist/nocss/ReactFlow-nocss.esm.js',
         injectCSS: false,
       }),
     ]