Mixed Content Error on React project using SWAPI (Star Wars API)

Question

I building a React project just to try some things out, I am having issues using SWAPI (Star Wars API).

I keep receiving a Mixed Content Error when try