An attempt for Advice generator using React

Update: it's working, giant thanks to @at33v!

Ngl I had a hard time doing this project so a few questions:

1. I tried to fetch data on initial render and then onClick but I decided that there was too much redundant code repetition so I made it that initial state is hardcoded and then onClick the state changes to whatever API sends. It works BUT only once and then you need to reload whole site. For contrast, I tried using other API (Chuck Norris API) and it worked just fine, changed on every click. Then on Discord mr Alex recommended that I add a cache header with 'no-cache' value but every time I got TypeError:Network Error along CORS errors. Is there something wrong with API or app? I'm confused about it af.

2. What is the effect on active button state called? I tried doing the "pulse" animation type and then keyframes but I can't quite put my finger on this "dust" effect.

3. I have a problem with Github Pages. I was following mainly this tutorial for deployment https://create-react-app.dev/docs/deployment/#github-pages and it does not work. Any ideas why are welcome

Thanks in advance for answers!