Tengo imágenes guardadas en una carpeta en mi aplicación React, pero por alguna razón, cuando paso su enlace de ubicación como accesorios, no se muestra en mi tarjeta...

 <div className={projectCardColor}> <img src={props.img} alt="No Image" /> <h4>{props.text}</h4> {props.liveLink && <Button><a href={props.liveLink}>Live</a></Button>} <Button><a href={props.githubLink}>Github</a></Button> </div>

Aquí está el archivo que le paso a los accesorios.

 { id: 'a8', img: '../assets/images/project-images/test.png', text: 'Some Text', githubLink: 'some link' },

Si cambio el enlace de la imagen a algún enlace en línea, funciona correctamente, pero no para el enlace interno. ¿Algunas ideas? Si defino este enlace de imagen como un parámetro dentro del archivo del componente, funciona correctamente, pero al pasarlo como accesorios lo rompe. ¿Cómo es que funciona así?