JavaScript не может получить доступ к переменной в операторе возврата с несколькими значениями

Мое приложение вылетает из-за второй части этого оператора рендеринга c is not defined (после запятой в ответ).

Я хочу визуализировать не только этот элемент как компонент CategoryTreeFork, но также визуализировать его дочерние элементы как один и тот же компонент.

Я делаю ошибку, пытаясь получить доступ к этой переменной?

<div className = "categories-narabikae">
    <p>Displayed Categories </p>
    {   
        filterActiveCategories(categories).map((c, idx) =>  
            <CategoryTreeFork 
                key = {idx}
                parentCat = {null}
                thisCat = {c}
                level = {1}
                dropEvent = {this.handleDropEvent}
            />

            ,   

            c.children 
                ? c.children.map( (c2, idx) =>
                <CategoryTreeFork
                    key = {idx}
                    parentCat = {c}
                    thisCat = {c2}
                    level = {2}
                    dropEvent = {this.handleDropEvent}
                />
            )   
            : null
        )   
    }   
</div>

Редактировать: похоже, что во время первого рендеринга страницы массив, который я отображаю, пуст (еще не получил категории из API) - может ли это вызвать ошибку?