인프런 커뮤니티 질문&답변

안녕하세요 김동환님 이정환입니다.

우선 프로젝트중 발생한 오류는 전체 코드를 통해 확인해봐야 정확한 원인을 알 수 있습니다.
이에 정확한 원인을 찾고 싶으시다면 깃허브링크를 통해 전체 코드를 전달해주시면 감사하겠습니다.

올려주신 사진으로만 살펴봤을 때에는 마지막 (.)book/[id]/page.tsx 에서 Props를 넘겨주는 방식이 오류를 유발 할 수 있을 것 같습니다. any 타입을 꼭 사용하지 않으셔야 한다면 다음과 같이 해결하시는게 좋을 것 같습니다.

export default async function Page({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  return (
    <div>
      <Modal>
        <BookPage params={params} />
      </Modal>
    </div>
  );
}