Ścieżka do zdjęcia

// Edit3 Problem rozwiązany
Cześć, wie ktoś może czemu moja ścieżka do zdjęcia nie działa ?
Mam błąd Error: Cannot find module '../../common/Product/images/buty1.jpg'
Tak wygląda kod Img <img src={require(${adress})} alt={singleProduct[0].name} />
Pod zmienną adress kryje się dokładnie to ../../common/Product/images/buty1.jpg
Poprawność tej ścieżki sprawdzałem tak z 15 razy :) Więc gdzie indziej tkwi błąd.
Dodam, że w innym komponencie działa mi tą metodą require
<img src={require(${props.singleProduct.image})} alt={props.singleProduct.name}/>

A tu cały kod komponentu

import React from 'react';
import products from '../../../stateProducts.js';

class SingleProduct extends React.Component {
	constructor( props ){
    	super( props );
    	this.state = products;
  	}
  	getSingleProduct = () => {
  		let singleProduct = this.state.products.filter(singleProduct => singleProduct.name == this.props.match.params.id).slice(0, 1);
  		console.log(singleProduct)
  		return singleProduct
  	}
	render(){
		let imagesFolder = '../../common/Product';
		let singleProduct = this.getSingleProduct();
		let adress = imagesFolder + singleProduct[0].image.slice(1);
		return (
			<div className="single-product">
				<h1>{this.props.match.params.id}</h1>
				<img src={require(`${adress}`)} alt={singleProduct[0].name} />
			</div>	
		)
	}
}

export default SingleProduct;

// Edit Tak działa

<img src={require(`${'../../common/Product/images/dres1.jpg'}`)} alt={singleProduct[0].name} />

A tak już nie hmm

let imagesFolder = '../../common/Product/images/dres1.jpg';
<img src={require(`${imagesFolder}`)} alt={singleProduct[0].name} />

// Edit2 Dobra udało się. Dla potomnych, problem tkwił w tym, że użyłem dla tej apki create-react-app i w takim wypadku zdjęcia trzeba trzymać w specjalnym folderze do tego "Public"