Create a Production Ready Infinite Scrolling in React-js using Power of Debounce, Throttle, and Hooks from scratch

{
"count": 30,
"next": "http://localhost:3000/api/profile?page=2",
"previous": null,
"data": [
{
"id": 1,
"first_name": "Dorie",
"last_name": "Moncarr",
"avatar": "https://robohash.org/consequaturdelenitiomnis.png?size=100x100&set=set1"
},
{
"id": 2,
"first_name": "Rip",
"last_name": "Eburne",
"avatar": "https://robohash.org/velitmagnamsequi.png?size=100x100&set=set1"
},
...
]
}

I am a software engineer based on southern california, specializing in building full-stack cloud-based solutions https://rajchhatbar.com/