Dúvida em React + Next

Boa noite! Estou começando a programar com React.js + Next.js. Tenho uma dúvida sobre integração com Api Rest. Fiz a minha primeira aplicação e estou usando o Next.js para consumir uma api mas não estou conseguindo. Criei o código como no exemplo contido nos exemplos do Next mas quando rodo a aplicação com o comando npm run dev o resultado da requisição aparece como undefined no console. Alguém poderia me ajudar?
Segue o código abaixo:

webService.jsx:

import Link from 'next/link'

function Page({ stars }) {
return (
<div>
<p>Next.js has ⭐️</p>
<Link href="/preact-stars">
<a>How about preact?</a>
</Link>
</div>
)
}

export async function getStaticProps() {
const res = await fetch('https://api.github.com/repos/vercel/next.js')
const json = await res.json()
console.log(json)
return {
props: {
stars: json.stargazers_count,
},
}
}

export default Page

Home.jsx:

import React, { Component } from 'react';
import Page from '../webService';

import Header from '../../components/header/Header';

import Banner from '../../components/banner/Banner';

class Home extends Component {
render() {
return (

<div>
<Header />
{console.log(Page)}
<Page />
<Banner />
</div>
);
}

}

export default Home;