최근 본 상품 구현 2 질문

안녕하세요 선생님.
Detail 페이지에서 localstorage에 자신이 본 상품 데이터를 넣고, 
App.js 에서 localstorage에 있는 데이터를 useState에 담아 최근 본 상품 목록에 보이게 했는데
localstorage에서는 Detail 페이지에 들어갈 때 마다 데이터가 잘 들어가지만
최근 본 상품 목록에는 즉시 반영이 되지 않고 새로고침을 눌러 주어야 업데이트가 되는데 원인을 잘 모르겠습니다.


App.js

콘솔에 state를 찍어봐도 바로 들어오지 않고 빈 배열로 뜨며 새로 고침을 해주어야 콘솔에 값이 들어옵니다.



그래서 useState의존성 배열에 state를 추가 해보았지만 

이러한 에러 문구가 계속 뜹니다.. 
찾아보니 useCallback을 쓰라는 말도 있던데 정확한 원인을 잘 찾지 못하고 있습니다. ㅠㅠ
이렇게 동작 되는 원인과 즉시 반영이 안되고 새로고침을 해야 업데이트 되는 이유를 알려주시면 감사하겠습니다!