react typescript hook ReturnType

함수의 리턴 타입은 타입스크립트 유틸 타입인 ReturnType를 이용해서 함수의 리턴타입을 정의할 수 있다

function addAnB(a: number, b: number) {
  return a + b;
}

export type ReturnAddAnB = ReturnType<typeof addAnB>;

hooks를 props로 내려 받고 싶을 때 아래와 같이 사용할 수 있다

// 
const useAwesomeHook = () => {
  // ...
  return {
    getAwesome,
    awesome,
    setAwesome
  }
}

export type ReturnAwesomeHook = ReturnType<typeof useAwesomeHook>;