[...useState]에 대해서 궁금해요!

안녕하세요 선생님 
버튼 누르면 useState의 값을 copy해서 새로운 배열로 담고 copy된 데이터를 변경하는것을 했는데

상단 글제목 부분이랑 모달에 뜨는 글제목 부분이랑 두군데 다 카피로 변화했는데 왜 둘다 변형이 일어나는건지 궁금합니다..!

 
제가 작성한 코드는 아래와 같은데 혹시 제가 잘못한건지 궁금합니다!...


App 컨포넌트

   <button
        onClick={() => {
          let copy = [...글제목];
          copy[0] = "여자코트 추천";
          글제목변경(copy);
        }}
      >
        제목변경
      </button>
      {글제목.map((item, i) => {
        return (
          <div className="list" key={i}>
            <h4
              onClick={() => {
                {
                  modal === false ? setModal(true) : setModal(false);
                }
                setCount(i);
              }}
            >
              {item}
              <span
                onClick={() => {
                  let copy = [...따봉];
                  copy[i] += 1;
                  따봉변경(copy);
                }}
              >
                👍
              </span>
              {따봉[i]}
            </h4>
            <p>2월 17일 발행</p>
          </div>
        );
      })}
     <h4>
        {props.글제목[props.count]}
       

모달컨포넌트
      </h4>
      <p>날짜</p>
      <p>상세내용</p>
      <button
        onClick={() => {
          let copy2 = [...props.글제목];
          copy2[0] = "여자코트추천";
          props.글제목변경(copy2);
        }}
      >
        글수정
      </button>