상세 페이지 컴포넌트를 어디다 넣어야 할지 모르겠습니다.

현재 App.js에
<Route path="/" element={<Main/>}
/>를 넣었고

Main에는 상품 이미지를 보여주는 컴포넌트(Image.js).

Image.js 안에는
<Link to{"/"+list.name}> 
    
</Link>가 들어있습니다.

또한 Detail.js 컴포넌트에는
<Route
    path={"/"+list.name}
    element={<div>{list.name}</div>}
    //element는 임시
/>가 들어있습니다.

현재 사진을 누르면 'No routes matched location "/상품이름" 에러가 나오는데
제 생각에는 Detail.js가 제대로 페이지를 만들어주지 못하는 것 같습니다.
혹시 어디다 넣어야 하는지 알 수 있을까요?

아니면 아예 다른 컴포넌트를 따로 만들어줘야 하나요?