Храните данные в переменной для массива массивов для создания плоского массива в Reactjs

Question

Я пытаюсь получить доступ к данным массива внутри массива и сохранить их для дальнейшего сглаживания, моя функция требует сглаживания массивов.

Но когда я пытаюсь получить доступ ко всем объектам, это дает мне неопределенную ошибку. Ниже приведена ошибка.

TypeError: Cannot read property '0' of undefined

Вот как я пытаюсь получить к нему доступ:

let filterbrands = this.props.tvfilter.brand[0].options ИЛИ let filterbrands = this.props.tvfilter.brand.options

Функция выравнивания:

const mult = [filterbrands, [{id: 112, name: "Chop Suey", artist: "System of a Down" }]];

const flatMult = mult.reduce((acc, currValue) => {
return acc.concat(currValue);
}, []);

Ниже мой формат JSON:

{
  "brand": [
     {

    "title": "Brands",
    "options": [
    {
     "catgeory_name": "Sigma"
    },
    {
     "catgeory_name": "Footner"
    }
   ]
     }
  ]
}

Желаемый результат должен быть таким, как показано ниже, после выравнивания:

{catgeory_name: "Sigma", category_id: "755"}
{catgeory_name: "Footner", category_id: "611"}
{catgeory_name: "Young Blood", category_id: "591"}
{id: 112, name: "Chop Suey", artist: "System of a Down"}