next.js에서 _app.tsx Component랑 pageProps 타입 선언해주고 싶은데 어떻게 하면 되나요?

Question

next.js 샘플을 사용했는데, 이걸 타입 스크립트로 변경하면 타입에러가 나더라구요. Component랑 pageProps는 어떤 타입으로 선언해야 타입에러가 안날까요?

손정현 · Answer

안녕하세요!

next 공식 문서를 참고해보시면 next/app 에서 타입을 가져다가 쓰실 수 있습니다. 참고하시면 좋을 것 같아요.
- https://nextjs.org/docs/basic-features/typescript#custom-app

예시:
import type { AppProps } from next/app

export default function MyApp({ Component, pageProps }: AppProps) {
  return <Component {...pageProps} />
}