Next.js13 에서 getStaticProps 관련해서 질문드립니다!

안녕하세요! 강의 잘보고있습니다 :)

next.js 13 버전으로 create-next-app 으로 설치하여 강의를 듣고있는데요,

섹션1 > getStaticProps 강의내용대로 동일코드를 입력했지만

props로 넘긴 값을 받아오질 못하더라구요.. console.log를 찍어봐도 안넘어와서 문의드립니다ㅠㅠ 아래와같이 입력했고 /app/section1/page.tsx로 만들었습니다.

관련 깃헙소소는 : https://github.com/simjieun/next13 여기에 있습니다!

한번 확인부탁드리겠습니다ㅠㅠ

import { NextPage } from "next";

interface Props {
  second: number;
}

const Example: NextPage<Props> = ({ second }) => {
  return (
    <main>
      <h1>getStaticProps Page</h1>
      <p>{second}</p>
    </main>
  );
};

export default Example;

export async function getStaticProps() {
  const delayInSecond = 2;
  const second = await new Promise((resolve) => {
    setTimeout(() => {
      resolve(Math.random());
    }, delayInSecond * 1000);
  });

  return {
    props: {
      second,
    },
  };
}