diff --git a/packages/d3-state-visualizer/src/charts/index.ts b/packages/d3-state-visualizer/src/charts/index.ts
index 90e07fa8..c3b555d1 100644
--- a/packages/d3-state-visualizer/src/charts/index.ts
+++ b/packages/d3-state-visualizer/src/charts/index.ts
@@ -1,4 +1,4 @@
 export type { HierarchyPointNode } from 'd3';
 export type { StyleValue } from 'd3tooltip';
-export { default as tree } from './tree/tree';
-export type { Node, Options } from './tree/tree';
+export { default as tree } from './tree/tree.js';
+export type { Node, Options } from './tree/tree.js';
diff --git a/packages/d3-state-visualizer/src/charts/tree/tree.ts b/packages/d3-state-visualizer/src/charts/tree/tree.ts
index 782a9832..058886c8 100644
--- a/packages/d3-state-visualizer/src/charts/tree/tree.ts
+++ b/packages/d3-state-visualizer/src/charts/tree/tree.ts
@@ -9,7 +9,7 @@ import {
   toggleChildren,
   visit,
   getNodeGroupByDepthCount,
-} from './utils';
+} from './utils.js';
 import { tooltip } from 'd3tooltip';
 import type { StyleValue } from 'd3tooltip';
 
diff --git a/packages/d3-state-visualizer/src/charts/tree/utils.ts b/packages/d3-state-visualizer/src/charts/tree/utils.ts
index 8f229cae..b63baf74 100644
--- a/packages/d3-state-visualizer/src/charts/tree/utils.ts
+++ b/packages/d3-state-visualizer/src/charts/tree/utils.ts
@@ -1,6 +1,6 @@
 import { is, join, pipe, replace } from 'ramda';
-import sortAndSerialize from './sortAndSerialize';
-import type { InternalNode } from './tree';
+import sortAndSerialize from './sortAndSerialize.js';
+import type { InternalNode } from './tree.js';
 
 export function collapseChildren(node: InternalNode) {
   if (node.children) {
diff --git a/packages/d3-state-visualizer/src/index.ts b/packages/d3-state-visualizer/src/index.ts
index a2ce88d8..e73eb6c6 100644
--- a/packages/d3-state-visualizer/src/index.ts
+++ b/packages/d3-state-visualizer/src/index.ts
@@ -1,2 +1,7 @@
-export { tree } from './charts';
-export type { HierarchyPointNode, Node, Options, StyleValue } from './charts';
+export { tree } from './charts/index.js';
+export type {
+  HierarchyPointNode,
+  Node,
+  Options,
+  StyleValue,
+} from './charts/index.js';
diff --git a/packages/d3-state-visualizer/tsconfig.json b/packages/d3-state-visualizer/tsconfig.json
index 84575cb5..e3160ce3 100644
--- a/packages/d3-state-visualizer/tsconfig.json
+++ b/packages/d3-state-visualizer/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
     "outDir": "lib"
   },
diff --git a/packages/d3tooltip/tsconfig.json b/packages/d3tooltip/tsconfig.json
index 7b7d1492..e3160ce3 100644
--- a/packages/d3tooltip/tsconfig.json
+++ b/packages/d3tooltip/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.react.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
     "outDir": "lib"
   },
diff --git a/packages/map2tree/tsconfig.json b/packages/map2tree/tsconfig.json
index 7b7d1492..e3160ce3 100644
--- a/packages/map2tree/tsconfig.json
+++ b/packages/map2tree/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.react.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
     "outDir": "lib"
   },
diff --git a/packages/map2tree/tsconfig.test.json b/packages/map2tree/tsconfig.test.json
index d0d15f67..52e69314 100644
--- a/packages/map2tree/tsconfig.test.json
+++ b/packages/map2tree/tsconfig.test.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.esm.base.json",
   "compilerOptions": {
     "types": ["jest"]
   },
diff --git a/tsconfig.esm.base.json b/tsconfig.esm.base.json
new file mode 100644
index 00000000..e08b3956
--- /dev/null
+++ b/tsconfig.esm.base.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "module": "node16",
+    "declaration": true,
+    "strict": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": []
+  }
+}