@lunit/insight-viewer 뷰어가 여러개 있을 때, 한 뷰어의 이미지 변경시 다른 뷰어가 다시 렌더링 되는 현상이 발생한다.

이 문제는 Viewer의 이미지를 로딩하는 구현이 [AS-IS] 뷰어 컴퍼넌트는 이미지 url을 prop으로 받고, 뷰어 내부에서 이 url로 이미지를 로드하고 로딩상태를 Progress 컴퍼넌트를 통해 보여준다. [TO-BE] useImage() hook으로 이미지를 로드한 후, 반환된 코너스톤 이미지를 뷰어 컴퍼넌트의 prop으로 전달한다.

이렇게 중간에 바뀌었습니다. 이 때 이미지 로딩상태 로직을 useImage() hook으로 같이 분리했어야 하는데, 이미지를 로딩하는 로직만 분리하고 로딩 상태는 Viewer 컴퍼넌트에 남아있었습니다. 이로 인한 불일치로 발생하는 오류입니다. 기존의 뷰어에 있던 로딩 상태를 useImage()에서 처리하고 이를 뷰어에 넘기는 방식으로 바꿔야 합니다.