blog/2020/04/07/next-js-app-functional-component

[utterances-bot]

[React] Next.js의 _app.tsx에 함수형 컴포넌트로 올바른 타입 찾아주기 :: Myeongjae Kim

Next.js의 _app.tsx 페이지는 모든 페이지를 담고 있는 최상위 컴포넌트입니다. 공식 가이드에서도 함수형으로 작성하지만, getInitialProps까지 고려한 올바른 타입을 찾아주기 어렵습니다. 공식 저장소의 질문에도 제대로 된 답변이 안달리는데... 하지만 제가 해냈습니다.

아래는 함수형 컴포넌트로 작성한 _app.tsx입니다.

[https://myeongjae.kim/blog/2020/04/07/next-js-app-functional-component](https://myeongjae.kim/blog/2020/04/07/next-js-app-functional-component)

[sungpro]

많은 도움이 되었습니다. 감사합니다.
cf. https://nextjs.org/docs/basic-features/typescript#custom-app

[myeongjae-kim]

제가 이 답변을 달 때만 해도 공식 문서에 getInitialProps 관련 내용이 없었는데 문서가 업데이트 되었군요. 성프로님 덕분에 알았습니다 감사합니다~~