Does not allow being in nested structures

[JayBox325]

Describe the bug

I have multiple navigations so I have tried to put them inside a listItem and it's children, but that throws an error:

S.listItem()
    .title("Navigation")
    .id("navigation")
    .icon(PiNavigationArrowFill)
    .child(
        createDeskHierarchy({
            S,
            context,

            title: 'Footer Menu',
            documentId: 'footerMenu',
            icon: PiNavigationArrowFill,
            referenceTo: ['page'],
        }),
        createDeskHierarchy({
            S,
            context,

            title: 'Main Menu',
            documentId: 'mainMenu',
            icon: PiNavigationArrowFill,
            referenceTo: ['page'],
        })
    )

But this throws the following when I click on the item:

Error: Component not defined: Code