diff --git a/packages/app/package.json b/packages/app/package.json
index 005c19c28..2c353f70a 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -15,15 +15,16 @@
   ],
   "main": "src/index.ts",
   "publishConfig": {
-    "main": "dist/index.cjs",
-    "module": "dist/index.js",
+    "type": "commonjs",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
     "types": "dist/index.d.ts",
     "exports": {
       "./dist/styles.css": "./dist/styles.css",
       "./styles.css": "./dist/styles.css",
       ".": {
-        "require": "./dist/index.cjs",
-        "import": "./dist/index.js"
+        "require": "./dist/index.js",
+        "import": "./dist/index.esm.js"
       }
     }
   },
diff --git a/packages/app/vite.config.js b/packages/app/vite.config.js
index 9f92bffa8..7bfa860b6 100644
--- a/packages/app/vite.config.js
+++ b/packages/app/vite.config.js
@@ -26,7 +26,7 @@ export default defineConfig({
     lib: {
       entry: path.resolve('src/index.ts'),
       formats: ['es', 'cjs'],
-      fileName: (format) => `index.${format === 'es' ? 'js' : 'cjs'}`,
+      fileName: (format) => `index.${format === 'es' ? 'esm.js' : 'js'}`,
     },
     rollupOptions: {
       external: [...externals].map((dep) => new RegExp(`^${dep}($|\\/)`, 'u')), // e.g. externalize `react-icons/fi`
diff --git a/packages/lib/package.json b/packages/lib/package.json
index 8b75dd862..3a69fc11a 100644
--- a/packages/lib/package.json
+++ b/packages/lib/package.json
@@ -15,15 +15,16 @@
   ],
   "main": "src/index.ts",
   "publishConfig": {
-    "main": "dist/index.cjs",
-    "module": "dist/index.js",
+    "type": "commonjs",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
     "types": "dist/index.d.ts",
     "exports": {
       "./dist/styles.css": "./dist/styles.css",
       "./styles.css": "./dist/styles.css",
       ".": {
-        "require": "./dist/index.cjs",
-        "import": "./dist/index.js"
+        "require": "./dist/index.js",
+        "import": "./dist/index.esm.js"
       }
     }
   },
diff --git a/packages/lib/src/vis/utils.ts b/packages/lib/src/vis/utils.ts
index 1386aa68c..af0bcf981 100644
--- a/packages/lib/src/vis/utils.ts
+++ b/packages/lib/src/vis/utils.ts
@@ -12,9 +12,9 @@ import type { Camera } from '@react-three/fiber';
 import { scaleLinear, scaleThreshold } from '@visx/scale';
 import { tickStep, range } from 'd3-array';
 import type { ScaleLinear, ScaleThreshold } from 'd3-scale';
+import { clamp } from 'lodash';
 import type { IUniform } from 'three';
-import { Vector3, Matrix4, Vector2 } from 'three';
-import { clamp } from 'three/src/math/MathUtils';
+import { Vector3, Matrix4 } from 'three';
 
 import type {
   Size,
diff --git a/packages/lib/vite.config.js b/packages/lib/vite.config.js
index 238c30e13..6ec0b678d 100644
--- a/packages/lib/vite.config.js
+++ b/packages/lib/vite.config.js
@@ -26,7 +26,7 @@ export default defineConfig({
     lib: {
       entry: path.resolve('src/index.ts'),
       formats: ['es', 'cjs'],
-      fileName: (format) => `index.${format === 'es' ? 'js' : 'cjs'}`,
+      fileName: (format) => `index.${format === 'es' ? 'esm.js' : 'js'}`,
     },
     rollupOptions: {
       external: [...externals].map((dep) => new RegExp(`^${dep}($|\\/)`, 'u')), // e.g. externalize `react-icons/fi`