Error: too many re-renders

<DateButton onClick={toggleMon(!activatedMon)}>{mondaytext}</DateButton>

<DateButton onClick={toggleTue(!activatedTue)}>{tuesdaytext}</DateButton>

위와같이 코드를 작성했더니 에러가 발생했다

리액트 무한루프 렌더링
props로 전달받은 변수를 useState에 넣을때 무한루프가 걸렸다.

<DateButton onClick={()=>toggleMon(!activatedMon)}>{mondaytext}</DateButton>

<DateButton onClick={()=>toggleTue(!activatedTue)}>{tuesdaytext}</DateButton>

위와같이 수정하여 해결