[Bug- 6] Website Crashes When Clicking Multiple Times on Loading 500 Childrens of a parent IP Asset

[sagorahmed]

Describe the bug
The website experiences a crash when the user rapidly clicks multiple times on IP assets on the Loading 500 Children of a parent IP Asset. This behavior results in an unresponsive state or complete failure of the website, potentially leading to a poor user experience and operational disruptions.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://explorer.story.foundation'
2. Open any collection that has any "Lineage" available. Such as https://explorer.story.foundation/ipa/0xf78CB65a5c346C039215Ed1fD3501e7cfDCf6220
3. Click on any of these asset and and click on the "Parents" asset located in the "LINEAGE" box.
4. Scroll down to ""LINEAGE" box and you will see a button "and 490 more" to view 500 IP asset, click on it.
5. When all the 500 assets will starts loading, click rapidly multiple times on the loading blank asset and notice the error.

Expected behavior
The website should handle rapid or repeated clicks gracefully, ensuring that it remains responsive without crashing or affecting user experience.

Video Recording

2024-12-25.12-43-28.mp4

Environment
Browser version: Brave- Version 1.73.101 Chromium: 131.0.6778.139 (Official Build) (64-bit)

Additional context
Implement a debounce or throttle mechanism on the click event.
Add error handling to prevent crashes when multiple requests are initiated simultaneously.
Test the asset's loading functionality under stress to ensure stability.