최근 본 상품 기능 구현

const Recent = ({shoes}) => {

    let arr = localStorage.getItem('watched');
    arr = JSON.parse(arr);
    console.log(arr);

    return (
        <>
         <div>
            <h5>최근 본 상품</h5>

            {/* 로컬 스토리지에 있는 배열 가져와
            각 원소에 해당하는 아이디 값을 가진 상품을 가져와
            상품의 정보를 찍어줘
             맵을 돌려라 */}
            {
                arr.map((item) => {
                    return (
                        <div>{item}</div>
                        
                    )
                })
            }
         </div>   
        </>
    );
};

이렇게 짰는데 id값이 일치하는 상품 가져오는 부분이 잘 안 돼서요ㅠㅠ 자바스크립트 문제인 것 같은데 도움 부탁드립니다..