Multilevel Navigation in XAML

[DorielRivalet]

I'm using the simple demo. How do I do multilevel navigation in XAML only? I have the following code:

<ui:NavigationView.MenuItems>
    <ui:NavigationViewItem Content="Dashboard" TargetPageType="{x:Type pages:DashboardPage}">
        <ui:NavigationViewItem.Icon>
            <ui:SymbolIcon Symbol="Home24" />
        </ui:NavigationViewItem.Icon>
    </ui:NavigationViewItem>
    <ui:NavigationViewItem Content="All Controls" TargetPageType="{x:Type pages:AllControlsPage}">
        <ui:NavigationViewItem.Icon>
            <ui:SymbolIcon Symbol="CheckboxChecked24" />
        </ui:NavigationViewItem.Icon>
    </ui:NavigationViewItem>
    <ui:NavigationViewItem Content="Data" TargetPageType="{x:Type pages:DataPage}">
        <ui:NavigationViewItem.Icon>
            <ui:SymbolIcon Symbol="DataHistogram24" />
        </ui:NavigationViewItem.Icon>
    </ui:NavigationViewItem>
</ui:NavigationView.MenuItems>

I want to put Data inside All Controls, so when I click All Controls, the Data option would show below, like this:

<ui:NavigationView.MenuItems>
    <ui:NavigationViewItem Content="Dashboard" TargetPageType="{x:Type pages:DashboardPage}">
        <ui:NavigationViewItem.Icon>
            <ui:SymbolIcon Symbol="Home24" />
        </ui:NavigationViewItem.Icon>
    </ui:NavigationViewItem>
    <ui:NavigationViewItem Content="All Controls" TargetPageType="{x:Type pages:AllControlsPage}">
        <ui:NavigationViewItem.Icon>
            <ui:SymbolIcon Symbol="CheckboxChecked24" />
        </ui:NavigationViewItem.Icon>
        <ui:NavigationViewItem.MenuItems>
            <ui:NavigationViewItem Content="Data" TargetPageType="{x:Type pages:DataPage}">
                <ui:NavigationViewItem.Icon>
                    <ui:SymbolIcon Symbol="DataHistogram24" />
                </ui:NavigationViewItem.Icon>
            </ui:NavigationViewItem>
        </ui:NavigationViewItem.MenuItems>
    </ui:NavigationViewItem>
</ui:NavigationView.MenuItems>

But I get the following error:

System.StackOverflowException
  HResult=0x800703E9
  Message=Exception of type 'System.StackOverflowException' was thrown.

Which happens here:

protected virtual void AddItemsToAutoSuggestBoxItems(IList list)
{
    for (var i = 0; i < list.Count; i++)
    {
        var singleMenuItem = list[i];

        if (singleMenuItem is not NavigationViewItem singleNavigationViewItem)
            continue;

        if (singleNavigationViewItem is { Content: string content, TargetPageType: { } } &&
            !string.IsNullOrWhiteSpace(content))
            _autoSuggestBoxItems.Add(content);

        if (singleNavigationViewItem.MenuItems.Count <= 0)
            continue;

        AddItemsToAutoSuggestBoxItems(singleNavigationViewItem.MenuItems);
    }
}

[mcyenikoylu]

I'm having the same problem. Has anyone been able to solve this?