Infinite Scroll with recursive custom component not working

Hey guys,

I have a problem with infinite scroll when using it together with a recursive custom component.
Use-Case:
I have an API that delivers comments. These comments can have answers and these answers can also have answers and so on.
To bring that to screen I chose to create a custom component that calls itself when answers get loaded:

The component itself works fine. For the first 20 results (the API is configured to deliver 20 result for each request) I can click on the answer button and the answers get loaded into the comments array and get displayed in the expected way.
In my detail page I call my comment component the first time:

When I reach the page’s bottom the infinite scroll starts working. New comments get loaded and are displayed in the expected way. But if I now click on the answer button, the answers are not shown. The answers get loaded from server and are inserted into nested comment array fine. But the comments component is not loaded into DOM.
Does anyone have an idea of how to handle this issue?

If you need further information, please let me know.

Kind regards