useState 배열 값 수정하기 도저히 모르겠습니다 ㅠㅠ

와우! 바뀝니다! 근데 문제가 생겼어요.

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. 

콘솔로는 바뀐걸 확인했는데 페이지가 확인이안되요 ㅜㅠ

let [글제목, 글제목변경] = useState({
        username:'남자코트 추천', 
        email : '강남 우동맛집', 
        passward:'파이썬 독학'});
 
 
      글제목변경({...글제목,
      username: '바바리코트'});
 
      
     console.log(글제목) ;   
     console.log(글제목.username);

확인해보니 글제목변경쪽문제인데 왜 반복문처럼 무한으로 돌고있는지 모르겠습니다.