Приложение React не имеет медиафайлов в сборке

У меня есть приложение для реагирования, которое предназначено для отображения элементов портфолио на странице. Когда я запускаю npm start, они отображаются, как и ожидалось, но в моей производственной сборке (папке сборки) элементы мультимедиа отсутствуют.

Я использую require () для импорта мультимедиа на основе значения в JSON.

Вот код:

import React, { Component } from 'react';
import { Link } from 'react-router-dom';

export class PortfolioItem extends Component {
    render() {
        const { img_code, id } = this.props.item;
        return (
            <div className='portfolio__item'>
                <Link to={{
                    pathname: `/portfolio-details/${id}`
                }}>
                    <img
                        src={require(`../assets/img_items/${img_code}`).default}
                        alt=''
                        className='img img-item'
                    />
                </Link>
            </div>
        );
    }
}

export default PortfolioItem;

Странно, что это отлично работает локально, но после того, как git извлекать сделанные мной изменения (.default в конце), это не работает на моем сервере.

Любые идеи / комментарии приветствуются.