Nested comments in a post

I m working on a ember app and i would like to allow nested comments in a post.

For this, I created a Component to display each comment in a post. And inside this component i do a recursive call to display the "nested comments"

<article class="post-comment">

  <p>   commented by   </p>

  

  <button class="btn " >comment</button>
  
    <button class="btn btn-danger " >delete</button>
  

  
   
    <p></p>
       
   
  

</article>

But it gives me an stack overflow error. Honestly i don't know if this recursive call is the best way to do this... Any ideas how to accomplish this?

Thanks,