diff --git a/app/assets/javascripts/discourse/app/components/generated-invite-link.gjs b/app/assets/javascripts/discourse/app/components/generated-invite-link.gjs
new file mode 100644
index 00000000000..6845c73f0be
--- /dev/null
+++ b/app/assets/javascripts/discourse/app/components/generated-invite-link.gjs
@@ -0,0 +1,20 @@
+import i18n from "discourse-common/helpers/i18n";
+
+const GeneratedInviteLink = <template>
+  <div>
+    <p>{{i18n "user.invited.link_generated"}}</p>
+    <p>
+      <input
+        value={{@link}}
+        class="invite-link-input"
+        type="text"
+        autofocus="autofocus"
+      />
+    </p>
+    {{#if @email}}
+      <p>{{i18n "user.invited.valid_for" email=@email}}</p>
+    {{/if}}
+  </div>
+</template>;
+
+export default GeneratedInviteLink;
diff --git a/app/assets/javascripts/discourse/app/components/generated-invite-link.hbs b/app/assets/javascripts/discourse/app/components/generated-invite-link.hbs
deleted file mode 100644
index 29210734c0c..00000000000
--- a/app/assets/javascripts/discourse/app/components/generated-invite-link.hbs
+++ /dev/null
@@ -1,7 +0,0 @@
-<p>{{i18n "user.invited.link_generated"}}</p>
-<p>
-  <input value={{this.link}} class="invite-link-input" type="text" />
-</p>
-{{#if this.email}}
-  <p>{{i18n "user.invited.valid_for" email=this.email}}</p>
-{{/if}}
\ No newline at end of file
diff --git a/app/assets/javascripts/discourse/app/components/generated-invite-link.js b/app/assets/javascripts/discourse/app/components/generated-invite-link.js
deleted file mode 100644
index be0f6b1732a..00000000000
--- a/app/assets/javascripts/discourse/app/components/generated-invite-link.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import Component from "@ember/component";
-export default Component.extend({
-  didInsertElement() {
-    this._super(...arguments);
-    const invite = this.element.querySelector(".invite-link-input");
-    invite.focus();
-    invite.select();
-  },
-});