diff --git a/demo/SimpleText.mjs b/demo/SimpleText.mjs
index 8a58c3e..562d517 100644
--- a/demo/SimpleText.mjs
+++ b/demo/SimpleText.mjs
@@ -1,6 +1,6 @@
 // @ts-check
 
-import { WebComponent } from "../src/WebComponent.mjs";
+import { WebComponent } from "../src/WebComponent";
 
 class SimpleText extends WebComponent {
   clickCallback() {
diff --git a/src/WebComponent.mjs b/src/WebComponent.js
similarity index 98%
rename from src/WebComponent.mjs
rename to src/WebComponent.js
index 362c6e1..881a6d8 100644
--- a/src/WebComponent.mjs
+++ b/src/WebComponent.js
@@ -1,5 +1,3 @@
-// @ts-check
-
 /**
  * A base class with custom element utilities extending HTMLElement
  * @class
@@ -84,3 +82,5 @@ export class WebComponent extends HTMLElement {
     return kebab.replace(/-./g, (x) => x[1].toUpperCase());
   }
 }
+
+export default WebComponent;
diff --git a/src/index.js b/src/index.js
index bfc9f3d..3b06483 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,2 @@
-// @ts-check
-import { WebComponent } from "./WebComponent.mjs";
+import { WebComponent } from "./WebComponent.js";
 export default WebComponent;