사진이 깨집니다.

function Detail(props) {
  
  let {id} = useParams();
  let 찾은상품 = props.shoes.find(function(x) {
    return x.id == id;
  });

  return (
      <div className="container">
        <div className="row">
          <div className="col-md-6">
            < img src={"https://codingapple1.github.io/shop/shoes" + 찾은상품.id + ".jpg"} width="100%" />
          </div>
          <div className="col-md-6 mt-4">
            <h4 className="pt-5">{ 찾은상품.title }</h4>
            <p>{ 찾은상품.content }</p>
            <p>{ 찾은상품.price }원</p>
            <button className="btn btn-danger">주문하기</button>
          </div>
        </div>
      </div>
  )
}
title / content / price는 정상적으로 전달되는거같은데 
마찬가지고 0,1,2 를 전달하려고 찾은상품.id를 전달했지만 왜 사진이 오류나는걸까요??