Const components = { component:

<Block />,
class: 'navigation',
children: [
{
component: <Text />,
class: 'link',
children: []
},
{
component: <Menu />,
class: 'delta-list',
children: [
{
component: <MenuItem />,
class: 'delta-item',
children: []
},
{
component: <MenuItem />,
class: 'delta-item',
children: []
}
]
}
]
}

Ребята как мне сформировать такой объект и прорендерить его с помощью React? Подскажите пожалуйста, долго сижу уже...

Посмотрите функции createElemnt и cloneElement, https://reactjs.org/docs/react-api.html#createelement. Вообще объект выглядет как не верный подход к решению какойто задачи, для чего этот объект формируется?