My deployed CRA website on Github Pages seems to be not working as it is working on localhost on my machine when i was using VS Code

Question

My deployed CRA website on Github Pages seems to be not working as it is working on localhost on my machine when i was using VS Code. Basically the site fetching some data from SWAPI and does some manipulations in various React components. It seems to be working just fine on my localhost. When I click on the very first button it brings up dropdowns for selecting spaceships for comparison, however when it is hosted on Github Pages, nothing happens when the button is clicked.

How it looks on localhost (second window loads on default and changes accordingly to settings in the first window):

And here is a deployed version:

Deployed site link: deployed site Github master branch: github

Answer 1

Try using https in the api fetch code