[ TypeScript Error ] '( ) => void' 형식은 'MouseEventHandler<HTMLButtonElement>' 형식에 할당할 수 없습니다.

상황

button 태그에 onClick이벤트에 데이터를 post할 수 있는 함수를 넣었는데 아래와 같은 에러 발생

원인

Event에 맞는 함수를 받아야 하는데 함수 이름를 바로 넣어버리니 함수의 타입과 일치하지 않아서 오류가 난 것 같다

 <SubmitButton onClick={submitHandler} disabled={newTitle.length === 0}>

해결

<SubmitButton onClick={() => submitHandler} disabled={newTitle.length === 0}>