Entonces, estoy tratando de representar dinámicamente un componente con sus propiedades cuando hago clic en un botón en otra página con rutas dinámicas. La ruta de mi ruta es:

<Route path="/prod/:id/:descr/:price/:image"><MakePurchase /></Route>

luego configuré un enlace también de la siguiente manera:

<Link to={"/prod/"+product.id+"/"+product.descr+"/"+product.price+""+product.image}>

En el componente que quiero renderizar se ve así:

 return( <> ... <img src={props.match.params.image} alt=""/> ... <h2>{props.match.params.descr}</h2> <h3>Price: <span >&#8358;</span>{props.match.params.price}</h3> ... </> ) }

los valores de precio y descripción se devuelven perfectamente, pero para la imagen, no se muestra ninguna imagen. Hice un console.error (props) que devuelve valores como este

 isExact: false params: descr: "PS5 Dual Sense Wireless Controller" id: "300" image: "static" price: "25000"

Por favor, ¿cómo obtengo la ruta correcta para mi imagen y la muestro en la página?