React Typescript에서 document에 함수 등록하기

window open으로 띄운 팝업에서 opener를 통해 함수를 실행시키기 위해 document에 함수를 등록해야한다(postMessage로도 가능). 이때 CRA typescript template으로 만들게되면 Document가 명세되어 있어 document이 가질 수 있는 맴버변수, 메소드들이 등록되어 있다. 여기서 함수를 등록하려면 에디터딴에서 오류가 발생한다. 

interface DocumentWithNoti extends Document {
  setPushNotification(enable: boolean, token: string): void;
}

위 처럼 Document를 커스텀 할 수가 없으니 상속을 이용하여 따로 정의해줘야 한다. 그 다음 사용은 아래와 같이 사용한다.

(document as DocumentNoti).setPushNotification = setPushNotification;

타입을 강제적으로 지정해주고 적용해주면된다.