diff --git a/app/assets/javascripts/discourse/app/components/empty-state.gjs b/app/assets/javascripts/discourse/app/components/empty-state.gjs
new file mode 100644
index 00000000000..4587a308f41
--- /dev/null
+++ b/app/assets/javascripts/discourse/app/components/empty-state.gjs
@@ -0,0 +1,12 @@
+const EmptyState = <template>
+  <div class="empty-state-container">
+    <div class="empty-state">
+      <span data-test-title class="empty-state-title">{{@title}}</span>
+      <div class="empty-state-body">
+        <p data-test-body>{{@body}}</p>
+      </div>
+    </div>
+  </div>
+</template>;
+
+export default EmptyState;
diff --git a/app/assets/javascripts/discourse/app/components/empty-state.hbs b/app/assets/javascripts/discourse/app/components/empty-state.hbs
deleted file mode 100644
index 3db22a16f62..00000000000
--- a/app/assets/javascripts/discourse/app/components/empty-state.hbs
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="empty-state-container">
-  <div class="empty-state">
-    <span data-test-title class="empty-state-title">{{@title}}</span>
-    <div class="empty-state-body">
-      <p data-test-body>{{@body}}</p>
-    </div>
-  </div>
-</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/discourse/app/components/empty-state.js b/app/assets/javascripts/discourse/app/components/empty-state.js
deleted file mode 100644
index 87d5ddb040f..00000000000
--- a/app/assets/javascripts/discourse/app/components/empty-state.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import Component from "@ember/component";
-
-export default Component.extend({});