quando a pagina e rederizada minha função nao e chamada

import { DestaqueTitle, DestaqueText, DestaqueContainer, DestaqueCardFilme, CardFilme, CardFilme2 } from './styled';
import { GetServerSideProps, GetStaticProps } from 'next'
import { useEffect } from 'react';

export default function Destaque({github}: any){
    console.log(github)
    console.log('ola')


    return(
        <DestaqueContainer>
            <DestaqueTitle>Mundo nerd? <br/>Naped!</DestaqueTitle>
            <DestaqueText>O Naped pode ser sua fonte de informações sobre <br/> o mundo nerd e outros assuntos relacionados</DestaqueText>

            <ul>
                <DestaqueCardFilme><span>Status</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eros tellus, malesuada et velit in, blandit molestie dolor.</p></DestaqueCardFilme>
                <div>
                <CardFilme><span>Status</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eros tellus, malesuada et velit in, blandit molestie dolor.</p></CardFilme>
                <CardFilme2><span>Status</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eros tellus, malesuada et velit in, blandit molestie dolor.</p></CardFilme2>

                </div>
            </ul>
        </DestaqueContainer>
    )
}

  export const getStaticProps: GetStaticProps = async(context) => {

     const response = await fetch('https://api.github.com/')

    const dado = await response.json()
    console.log(dado)
    console.log('ei')

    return {
        props:{github:dado}
    }
  }