Components missing in EmberJS

I'm following a tutorial on EmberJS but seem to have an issue loading components. I created a component named gen-container, but upon adding GenContainer tag in a template, emberJS complains that the component can't be found.

I used the cli to generate the component.

YouTube tutorial https://www.youtube.com/watch?v=HP7LoPx2Ivs&list=PLk51HrKSBQ88wDXgPF-QLMfPFlLwcjTlo&index=4

Index.hbs

<GenContainer>
  <LinkTo @route="item" @model="1">Product 1</LinkTo>
  <LinkTo @route="item" @model="2">Product 2</LinkTo>
</GenContainer>

gen-container.hbs

<LinkTo @route="cart" class="cart-link">
  <FaIcon @icon="shopping-cart" />
</LinkTo>

<main class="container mt-5">
  
</main>