I have the following example component in my addon:
my-addon/addon/components/example/index.ts
import templateOnly from '@ember/component/template-only';
export default templateOnly();
```hbs
**my-addon/addon/components/example/index.hbs**
Whatever
```
**my-addon/app/components/example/index.js**
```js
export { default } from 'my-addon/components/loading';
```
Then in my app I completely replace it with a new template AND "backing class" with some Glint because why not:
my-app/app/components/index.ts
importtemplateOnlyComponentfrom'@ember/component/template-only';interfaceLoadingSignature{Element: HTMLElement;// <i>}constLoadingComponent=templateOnlyComponent<LoadingSignature>();exportdefaultLoadingComponent;declare module '@glint/environment-ember-loose/registry'{exportdefaultinterfaceRegistry{Loading: typeofLoadingComponent;}}my-app/app/components/index.hbs
This does not work and throws the following error:

It does work when using a JS file to overwrite the component:
my-app/app/components/index.js
// I have lost all my Glint stuff, because it's a JS file :'(importtemplateOnlyComponentfrom'@ember/component/template-only';constLoadingComponent=templateOnlyComponent();exportdefaultLoadingComponent;
my-app/app/components/index.hbs
I have the following example component in my addon:
my-addon/addon/components/example/index.ts
Then in my app I completely replace it with a new template AND "backing class" with some Glint because why not:
my-app/app/components/index.ts
my-app/app/components/index.hbs
This does not work and throws the following error:

It does work when using a JS file to overwrite the component:
my-app/app/components/index.js
my-app/app/components/index.hbs