Алексей Уколов

она идет с таймзоной

Никуда она не идёт. Там используется библиотека moment, изучите её документацию.

class Goods extends Component {
    WooCommerce = new WooCommerceAPI({
        url: 'http://portland.com/wp/', // Your store URL
        consumerKey: 'ck_c221d7f97defb2d3a045730b8a0ff470327180a6', // Your consumer key
        consumerSecret: 'cs_33cdde6ad3a4583624478504b86ee8fd7844b394', // Your consumer secret
        wpAPI: true, // Enable the WP REST API integration
        version: 'wc/v2' // WooCommerce WP REST API version
    });

    render() {
        return (
            <div className="GoodsMain">
                <div className="Goods">
                    <img src="/images/photo.png" alt="appletv"/>
                    <br/>
                    <div className="TextAlign">
                        <span className="NameOfGood">{this.WooCommerce.get('products/1').name}</span>
                        <br/>
                        <span className="StyleOfGood">black</span>
                        <br/>
                        <span className="PriceOfGood">$49.99</span>
                    </div>
                </div>
            </div>
        );
    }
}

или

const WooCommerce = new WooCommerceAPI({
    url: 'http://portland.com/wp/', // Your store URL
    consumerKey: 'ck_c221d7f97defb2d3a045730b8a0ff470327180a6', // Your consumer key
    consumerSecret: 'cs_33cdde6ad3a4583624478504b86ee8fd7844b394', // Your consumer secret
    wpAPI: true, // Enable the WP REST API integration
    version: 'wc/v2' // WooCommerce WP REST API version
});

class Goods extends Component {
    render() {
        return (
            <div className="GoodsMain">
                <div className="Goods">
                    <img src="/images/photo.png" alt="appletv"/>
                    <br/>
                    <div className="TextAlign">
                        <span className="NameOfGood">{WooCommerce.get('products/1').name}</span>
                        <br/>
                        <span className="StyleOfGood">black</span>
                        <br/>
                        <span className="PriceOfGood">$49.99</span>
                    </div>
                </div>
            </div>
        );
    }
}

Скорее всего, у вас проблема с жизненным циклом. Возможно, пропсы динамически обновляются после маунта компонента или ещё что-то подобное происходит. Проблема не в том, что год получить не удаётся, а в том, что вместо dateRange вам приходит пустой объект (или объект, у которого нет свойства start или оно есть, но равно undefined).
Разберитесь с жизненным циклом своего компонента и добавьте соответствующие проверки на валидность его пропсов.

Потому что по этому пробелу в итоге переданная в calculate строка (это и есть str) разбивается на числа и оператор: var split = str.split(' ')