[알게된 것] NextJS react-daum-postcode

😀문제상황

NextJS 프로젝트에서 react-daum-postcode 라이브러리를 사용하려 하니,

⨯ node_modules\react-daum-postcode\lib\DaumPostcodeEmbed.js (1:2794) @ _inherits
⨯ TypeError: Super expression must either be null or a function

이런 오류가 남

😁해결방법

SSR 환경에서는 해당 오류가 난다.

"use client"

를 최상단에 붙여 CSR 환경을 만들어주니 바로 해결

참고로 onComplete 핸들러는 다음 타입을 가져야한다.

import DaumPostcodeEmbed, { Address } from "react-daum-postcode";

function completeHandler(data: Address) {
  console.log(data);
}