Почему мои изображения не могут быть успешно загружены в React?

Я пытался добавить несколько изображений на страницу, но после рендеринга выяснилось, что изображения сломаны. Может ли кто-нибудь помочь мне понять, в чем проблема?

Вот мои исходные коды:

import React from 'react';
import Product from "./Product/index";
import Data from "../../../data/data.json";

const ProductList = () => {
    const renderedList = Data.goods.map(product => {
        return <Product product = {product} key = {product.name} />
    }
);   

    return (
        <div>{renderedList}</div>
    );
}

export default ProductList;

////////////////////////////////////////////////// ////////////////////////////////////////////////// //////////////////////////////////////////////////

import React, { Component } from "react";
import Thumb from "../../../Thumb/index";

const Product = props => {
        return (
            <div className = "shelf-item">
                <div className = "shelf-stopper">Free shipping</div>
                <Thumb 
                    classes = "shelf-item__thumb"
                    src = {props.product}
                />
                <p className = "shelf-item__title">product</p>
                <div className = "shelf-item__price">
                    productInstallment  
                </div>
                <div className = "shelf-item__buy-btn">Add to cart</div>
            </div>
        );
    }

export default Product;

////////////////////////////////////////////////// ////////////////////////////////////////////////// //////////////////////////////////////////////////

import React from 'react';

const Thumb = (props) => {
    return (
        <div className = {props.classes}>
            <img 
            src = {`/Users/xlz/Desktop/codingProject/react/new- 
                  shopping-cart/src/static/products/${props.src.pictures}`} 
            alt = {props.src.name} />
        </div>
    )
}

export default Thumb;

Это иерархия моих папок:

new-shopping-cart
  src
      components
        Thumb
          index.js

      static
        products
          xxxxxxxxxxxx.jpg
          xxxxxxxxxxxx.jpg
          xxxxxxxxxxxx.jpg

Я уверен, что пути к картинкам правильные. Но на странице были битые картинки с альтернативными текстами для изображений.