diff --git a/app/assets/javascripts/discourse/app/components/reviewable-created-by.gjs b/app/assets/javascripts/discourse/app/components/reviewable-created-by.gjs
new file mode 100644
index 00000000000..d3e96f92f0f
--- /dev/null
+++ b/app/assets/javascripts/discourse/app/components/reviewable-created-by.gjs
@@ -0,0 +1,15 @@
+import UserLink from "discourse/components/user-link";
+import avatar from "discourse/helpers/avatar";
+import icon from "discourse-common/helpers/d-icon";
+
+const ReviewableCreatedBy = <template>
+  <div class="created-by">
+    {{#if @user}}
+      <UserLink @user={{@user}}>{{avatar @user imageSize="large"}}</UserLink>
+    {{else}}
+      {{icon "far-trash-alt" class="deleted-user-avatar"}}
+    {{/if}}
+  </div>
+</template>;
+
+export default ReviewableCreatedBy;
diff --git a/app/assets/javascripts/discourse/app/components/reviewable-created-by.hbs b/app/assets/javascripts/discourse/app/components/reviewable-created-by.hbs
deleted file mode 100644
index 1c45210006f..00000000000
--- a/app/assets/javascripts/discourse/app/components/reviewable-created-by.hbs
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="created-by">
-  {{#if this.user}}
-    <UserLink @user={{this.user}}>{{avatar
-        this.user
-        imageSize="large"
-      }}</UserLink>
-  {{else}}
-    {{d-icon "far-trash-alt" class="deleted-user-avatar"}}
-  {{/if}}
-</div>
\ No newline at end of file
diff --git a/app/assets/javascripts/discourse/app/components/reviewable-created-by.js b/app/assets/javascripts/discourse/app/components/reviewable-created-by.js
deleted file mode 100644
index 87d5ddb040f..00000000000
--- a/app/assets/javascripts/discourse/app/components/reviewable-created-by.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import Component from "@ember/component";
-
-export default Component.extend({});
diff --git a/app/assets/javascripts/discourse/app/components/reviewable-flagged-post.hbs b/app/assets/javascripts/discourse/app/components/reviewable-flagged-post.hbs
index 2958f3ffbfc..0cb394b73b8 100644
--- a/app/assets/javascripts/discourse/app/components/reviewable-flagged-post.hbs
+++ b/app/assets/javascripts/discourse/app/components/reviewable-flagged-post.hbs
@@ -4,7 +4,7 @@
 </div>
 
 <div class="post-contents-wrapper">
-  <ReviewableCreatedBy @user={{@reviewable.target_created_by}} @tagName="" />
+  <ReviewableCreatedBy @user={{@reviewable.target_created_by}} />
   <div class="post-contents">
     <ReviewablePostHeader
       @reviewable={{@reviewable}}
diff --git a/app/assets/javascripts/discourse/app/components/reviewable-post.hbs b/app/assets/javascripts/discourse/app/components/reviewable-post.hbs
index 2aab2caa77c..d335aa849f8 100644
--- a/app/assets/javascripts/discourse/app/components/reviewable-post.hbs
+++ b/app/assets/javascripts/discourse/app/components/reviewable-post.hbs
@@ -4,10 +4,7 @@
 </div>
 
 <div class="post-contents-wrapper">
-  <ReviewableCreatedBy
-    @user={{this.reviewable.target_created_by}}
-    @tagName=""
-  />
+  <ReviewableCreatedBy @user={{this.reviewable.target_created_by}} />
   <div class="post-contents">
     <ReviewablePostHeader
       @reviewable={{this.reviewable}}
diff --git a/app/assets/javascripts/discourse/app/components/reviewable-queued-post.hbs b/app/assets/javascripts/discourse/app/components/reviewable-queued-post.hbs
index 342fb182447..2cfbfb7d077 100644
--- a/app/assets/javascripts/discourse/app/components/reviewable-queued-post.hbs
+++ b/app/assets/javascripts/discourse/app/components/reviewable-queued-post.hbs
@@ -13,7 +13,7 @@
 </ReviewableTopicLink>
 
 <div class="post-contents-wrapper">
-  <ReviewableCreatedBy @user={{@reviewable.target_created_by}} @tagName="" />
+  <ReviewableCreatedBy @user={{@reviewable.target_created_by}} />
 
   <div class="post-contents">
     <ReviewablePostHeader
diff --git a/app/assets/javascripts/discourse/app/templates/topic.hbs b/app/assets/javascripts/discourse/app/templates/topic.hbs
index f25dccb184a..23070806df7 100644
--- a/app/assets/javascripts/discourse/app/templates/topic.hbs
+++ b/app/assets/javascripts/discourse/app/templates/topic.hbs
@@ -399,10 +399,7 @@
                         </span>
                       </div>
                       <div class="post-contents-wrapper">
-                        <ReviewableCreatedBy
-                          @user={{this.currentUser}}
-                          @tagName=""
-                        />
+                        <ReviewableCreatedBy @user={{this.currentUser}} />
                         <div class="post-contents">
                           <ReviewableCreatedByName @user={{this.currentUser}} />
                           <div class="post-body"><CookText
diff --git a/plugins/chat/assets/javascripts/discourse/components/reviewable-chat-message.gjs b/plugins/chat/assets/javascripts/discourse/components/reviewable-chat-message.gjs
index 61f049c594f..d3eabd99c82 100644
--- a/plugins/chat/assets/javascripts/discourse/components/reviewable-chat-message.gjs
+++ b/plugins/chat/assets/javascripts/discourse/components/reviewable-chat-message.gjs
@@ -40,10 +40,7 @@ export default class ReviewableChatMessage extends Component {
     {{/if}}
 
     <div class="post-contents-wrapper">
-      <ReviewableCreatedBy
-        @user={{@reviewable.target_created_by}}
-        @tagName=""
-      />
+      <ReviewableCreatedBy @user={{@reviewable.target_created_by}} />
       <div class="post-contents">
         <ReviewablePostHeader
           @reviewable={{@reviewable}}