how to build a dynamic form with data from API using the Angular 13 reactive form approach

here is my object:
"deposits": [
{
"id": "1",
"fk_agent": "1089",
"fk_act": "8",
"title": "deposit1",
"state": "1",
"created_at": "2023-10-12 13:19:54.687",
"updated_at": "2024-01-09 13:14:04.280",
"day_deadline": "30",
"month_due": "4",
"rate": "30"
},
{
"id": "2",
"fk_agent": "1089",
"fk_act": "8",
"title": "deposit2",
"state": "1",
"created_at": "2023-10-13 06:42:10.333",
"updated_at": "2024-01-09 13:14:04.293",
"day_deadline": "15",
"month_due": "11",
"rate": "30"
},
{
"id": "9",
"fk_agent": "1089",
"fk_act": "8",
"title": "deposit3",
"state": "1",
"created_at": "2023-10-23 14:48:05,
"updated_at": "2024-01-09 13:14:04.297",
"day_deadline": "15",
"month_due": "11",
"rate": "20"
}
], how to build a dynamic form with data from API using the Angular 13 reactive form approach