Results Summary Page using ReactJS

I started learning ReactJS about a month ago, so this is my first project using it. In this project, I made use of the useState and useEffect hooks. One of the challenges I faced when creating this project: I wanted to add the Category and Icons on the first render (whilst the initial scores remained 0), so that when a user clicked the button, it fetched the scores from the JSON file and rendered them on the page.

does anyone have any idea of how this could work?

PS: I wasnt able to crack it so I simply showed everything on the first render. What am I missing here?

Thanks in advance :)