diff --git a/ember-power-select/src/components/power-select/no-matches-message.ts b/ember-power-select/src/components/power-select/no-matches-message.ts
index fffdccf1c..13bd48cbf 100644
--- a/ember-power-select/src/components/power-select/no-matches-message.ts
+++ b/ember-power-select/src/components/power-select/no-matches-message.ts
@@ -1,4 +1,4 @@
-import Component from '@glimmer/component';
+import templateOnly from '@ember/component/template-only';
 
 interface PowerSelectNoMatchesMessageSignature {
   Element: HTMLElement;
@@ -7,4 +7,4 @@ interface PowerSelectNoMatchesMessageSignature {
   };
 }
 
-export default class PowerSelectNoMatchesMessageComponent extends Component<PowerSelectNoMatchesMessageSignature> {}
+export default templateOnly<PowerSelectNoMatchesMessageSignature>();
diff --git a/ember-power-select/src/components/power-select/placeholder.ts b/ember-power-select/src/components/power-select/placeholder.ts
index da13f2260..e9efab00d 100644
--- a/ember-power-select/src/components/power-select/placeholder.ts
+++ b/ember-power-select/src/components/power-select/placeholder.ts
@@ -1,4 +1,4 @@
-import Component from '@glimmer/component';
+import templateOnly from '@ember/component/template-only';
 
 interface PowerSelectPlaceholderSignature {
   Element: HTMLElement;
@@ -9,4 +9,4 @@ interface PowerSelectPlaceholderSignature {
   };
 }
 
-export default class PowerSelectPlaceholderComponent extends Component<PowerSelectPlaceholderSignature> {}
+export default templateOnly<PowerSelectPlaceholderSignature>();
diff --git a/ember-power-select/src/components/power-select/power-select-group.ts b/ember-power-select/src/components/power-select/power-select-group.ts
index 5624421ab..7c6355662 100644
--- a/ember-power-select/src/components/power-select/power-select-group.ts
+++ b/ember-power-select/src/components/power-select/power-select-group.ts
@@ -1,4 +1,4 @@
-import Component from '@glimmer/component';
+import templateOnly from '@ember/component/template-only';
 
 interface PowerSelectPowerSelectGroupSignature {
   Element: HTMLElement;
@@ -10,4 +10,4 @@ interface PowerSelectPowerSelectGroupSignature {
   };
 }
 
-export default class PowerSelectPowerSelectGroupComponent extends Component<PowerSelectPowerSelectGroupSignature> {}
+export default templateOnly<PowerSelectPowerSelectGroupSignature>();
diff --git a/ember-power-select/src/components/power-select/search-message.ts b/ember-power-select/src/components/power-select/search-message.ts
index 9733d8961..67415561c 100644
--- a/ember-power-select/src/components/power-select/search-message.ts
+++ b/ember-power-select/src/components/power-select/search-message.ts
@@ -1,4 +1,4 @@
-import Component from '@glimmer/component';
+import templateOnly from '@ember/component/template-only';
 
 interface PowerSelectSearchMessageSignature {
   Element: HTMLElement;
@@ -7,4 +7,4 @@ interface PowerSelectSearchMessageSignature {
   };
 }
 
-export default class PowerSelectSearchMessageComponent extends Component<PowerSelectSearchMessageSignature> {}
+export default templateOnly<PowerSelectSearchMessageSignature>();