Builder-component in angular is not rendering the supplied content json

I have created on lnc-blog section data models and trying to implement in angular using angular builder sdk.

I want to display a page for each blog in the lnc-blog section data model, i am using builder-component tag to render the builder content but it is always rendering the first blog from lnc-blog section data models, i open any blog article it renders only first blog article data.
here is my code:

 <div class="row justify-content-center">
            <div class="col-lg-12" *ngIf="article?.data">
                <h3 style="text-align:center;">NursingCenter Blog</h3>
                <h1>{{article?.data?.title}}</h1>
                <img width="300" height="200" src="{{article.data.image}}" />
                <builder-component model="lnc-blog" content="{{article}}">
                </builder-component>

            </div>
        </div>

Builder content link
htt ps :// builder. io/content/462900a95eb4478da1fc30e7e9cb0853

Builder public api key
f5b52994d39c462c8d903bdfd305a8a3

What are you trying to accomplish
I am trying to create blog article using section data models.

in the below screenshot you can see that I have opened an article about chatGPT but the builder-component is rendering the content of first article only, it is not rendering the opened article content.

Screenshots or video link

Code stack you are integrating Builder with
angular

Can anybody help on this

Hi @sushil.suthar,

We are looking into this issue, would you be able to share repo code?