Cannot read property of undefined NodeJs React

Имеется серверная часть на NodeJs и клиентская на React. Со стороны сервера использую /api, где передаю полученные данные из mysql:

server.use('/api/getCatProduction', (req, res) => {
        res.setHeader('Content-Type', 'application/json');
        db.fetchData(models.prodCatQuery('zru'), (error, result) => {
            if(error) 
                console.log(error);
            else {
                res.json(result);
            }
        });
    });

В классе страницы получаю их так:

constructor(props) {
    super(props);
    this.state = {
        data: []
    }
}
componentDidMount() {
    this.getData();
}
getData() {
    fetch('/api/getCatProduction', {
        headers : { 
            'Content-Type': 'application/json',
            'Accept': 'application/json'
        }
    }).then(response => response.json()).then(response => this.setState({data: response}));
}

При попытке вывода полученных значений средствами:

    const { data } = this.state;
    console.log(data[0].category_name);
    console.log(data[0][category_name]);
    console.log(data[0]["category_name"]);

Возникает ошибка

productions.js:32 Uncaught (in promise) TypeError: Cannot read property 'category_name' of undefined

И никак не могу разобраться в чем проблема... запутался в общем. Понимаю что решение кроется на самом видном месте, но... видно не судьба найте это самое место)