[Error Note] typescript에서 set state를 props로 보내는 방법

모달로 뜨는 작은 검색창을 만들던 중 typescript를 사용해 set state를 보내려고 하니 에러가 났다.

const [miniSearch, setMiniSearch] = useState(false);

보내려 한 것은 useState의 setMiniSearch 부분이다.

 

 

처음엔 props 받는 컴포넌트 파일에 아래와 같이 setMiniSearch 타입을 miniSearch와 똑같이 boolean으로 지정했더니 에러 문구가 바뀌었다.

 

'Dispatch<SetStateAction<Boolean>>'타입은 boolean에 할당할 수 없다고 친절하게 타입을 알려준다.

아래와 같이 props 받는쪽에서 타입을 Dispatch<SetStateAction<Boolean>>으로 바꾸면 에러 해결.

Dispatch, SetStateAction은 import해와야 한다.