React，无法打印出由数组包裹的本地图像文件

Question

I have trouble with print out image within array.

Here is my dummy data.

const dummyData = [
    {
      thumbnail: '../assets/img/listdummy1.png',
      platform: "Steam",
      name: "Red Dead Redemption 2",
      tags: ["FPS", "RPG"],
      originalPrice: 30000,
      discountPrice: 15000,
      cut: 50,
      link:"https://store.steampowered.com/app/1174180/Red_Dead_Redemption_2/",
    }
]

I want to print out thumbnail image by map function.

{props.results.map((item) => (
            <SearchItem
              key={item.name}
              thumbnail={item.thumbnail}
              platform={item.platform}
              name={item.name}
              tags={item.tags}
              originalPrice={item.originalPrice}
              discountPrice={item.discountPrice}
              cut={item.cut}
              link={item.link}
            />
          ))}

just like this.

and here is my print out code.

<td className={styles.SearchItemThumbnail}>
        <img src={props.thumbnail} alt="Loading..." />
      </td>

still, the results came out alt (Loading...message). Image files are inside of local assets directory and I don't think there is no kind of miswritting with image route.

is there any thing wrong about my code?