How to make a basic external data fetch using Next.js and import component into another

Question

I have the code below in pages/github and when I go to localhost:3000/github the code executes as expected. I get JSON data.

function GithubAPI(props) {
  //